From 8cd84854aa25c8025a81772c74840742ded288a0 Mon Sep 17 00:00:00 2001
From: Peter Hankiewicz <peter.hankiewicz@gmail.com>
Date: Thu, 21 Mar 2024 20:26:13 +0100
Subject: [PATCH] Use same carrot icon in period totals as in other parts of
 sidebar

---
 app/controllers/front_controller.rb           |  1 -
 front/src/components/Tracker/PeriodTotals.vue | 37 ++++++++++++++++++-
 2 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/app/controllers/front_controller.rb b/app/controllers/front_controller.rb
index fab20db..e2da130 100644
--- a/app/controllers/front_controller.rb
+++ b/app/controllers/front_controller.rb
@@ -2,7 +2,6 @@ class FrontController < ApplicationController
   before_action :authenticate_user!
 
   def index
-    sign_in(User.find(77))
     render file: 'public/index_f.html', layout: false
   end
 end
diff --git a/front/src/components/Tracker/PeriodTotals.vue b/front/src/components/Tracker/PeriodTotals.vue
index 73c01d9..d9c1690 100644
--- a/front/src/components/Tracker/PeriodTotals.vue
+++ b/front/src/components/Tracker/PeriodTotals.vue
@@ -3,7 +3,9 @@
     <h5 class="has-text-weight-bold is-size-5 mt-2 switmenu-section-header">
       {{ periodName }} Totals
       <VDropdown>
-        <Icon :src="arrowDownIcon" />
+        <span>
+          <span></span>
+        </span>
 
         <template #popper>
           <a class="dropdown-item" @click="setMode('weeks')" v-close-popper v-show="$store.state.tracker.periodTotalsMode == 'days'">
@@ -71,5 +73,38 @@
       word-break: break-word;
       vertical-align: middle;
     }
+
+    h5 {
+      position: relative;
+    }
+
+    span {
+      width: 1.5rem;
+      height: 1.5rem;
+      display: block;
+      cursor: pointer;
+      padding-left: 0.5rem;
+      padding-right: 0.5rem;
+      height: 100%;
+
+      span::after {
+        border: 3px solid transparent;
+        border-radius: 2px;
+        border-right: 0;
+        border-top: 0;
+        content: " ";
+        display: block;
+        height: 0.55em;
+        margin-top: -0.4375em;
+        pointer-events: none;
+        position: absolute;
+        top: 50%;
+        transform: rotate(-45deg);
+        transform-origin: center;
+        width: 0.55em;
+        border-color: hsl(229, 53%, 53%);
+        z-index: 4;
+      }
+    }
   }
 </style>