Add heading for current activity in mobile mode

eliasson · Oct 15, 2023 · 666d5bc · 666d5bc
1 parent 84dc5b1
commit 666d5bc
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 1 deletion.
diff --git a/src/Quarter.Style/src/pages/_timesheet.sass b/src/Quarter.Style/src/pages/_timesheet.sass
@@ -26,6 +26,11 @@
                 width: 20px
                 height: 20px
 
+        .q-activity-list--header
+            font-size: $font-size-kilo
+            font-weight: 600
+            margin-bottom: $pillow-small
+
         .q-activity-list
             display: none
 

diff --git a/src/Quarter/Pages/Application/Timesheet/TimesheetActivitySelectorWidget.razor b/src/Quarter/Pages/Application/Timesheet/TimesheetActivitySelectorWidget.razor
@@ -2,6 +2,7 @@
     <div class="q-list">
         <div class="q-list-item @(_isActive ? "q-list-item--expanded" : "")" >
             <div class="q-list-item__header" @onclick="@ToggleActive">
+                <div class="q-activity-list--header">Current activity:</div>
                 <div class="q-activity-marker">
                     @{
                         var selectedActivity = SelectedActivity();

diff --git a/src/Quarter/wwwroot/quarter.css b/src/Quarter/wwwroot/quarter.css
diff --git a/src/Quarter/wwwroot/quarter.css.map b/src/Quarter/wwwroot/quarter.css.map