MOBILE-3833 course: Increase toggle area on course index

2022-02-23 11:58:18 +01:00 · 2022-02-23 11:58:18 +01:00 · e8e4b60a20
parent 452acd45e9
commit e8e4b60a20
1 changed files with 27 additions and 8 deletions
--- a/src/core/features/course/components/course-index/course-index.scss
+++ b/src/core/features/course/components/course-index/course-index.scss
@ -33,16 +33,35 @@ ion-item.item.item-current {
    --background: var(--primary);
    --color: var(--primary-contrast);
    border: 0;
-
-    ion-badge {
-        border: 1px solid var(--primary-contrast);
-    }
-
-    ::ng-deep ion-icon {
-        color: var(--primary-contrast);
-    }
 }

 ion-icon.restricted {
    font-size: 14px;
 }
+
+ion-item.item.divider.section {
+    --padding-start: 0px;
+
+    &.item-current {
+        ion-badge {
+            border: 1px solid var(--primary-contrast);
+        }
+
+        ion-icon.expandable-status-icon {
+            color: var(--primary-contrast);
+
+            &:hover {
+                background: var(--primary-shade);
+            }
+        }
+    }
+
+    ion-icon.expandable-status-icon {
+        padding: 13px;
+        margin: 3px;
+        border-radius: 50%;
+        &:hover {
+            background: var(--gray-300);
+        }
+    }
+}