Use same carrot icon in period totals as in other parts of sidebar

berkmancenter · Mar 25, 2024 · 8cd8485 · 8cd8485
1 parent e80f44e
commit 8cd8485
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 2 deletions.
diff --git 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
@@ -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>