Add initial app configure jump links

2019-09-12 15:59:40 +02:00
parent a99d31535c
commit aafa698776
3 changed files with 64 additions and 12 deletions
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -434,7 +434,7 @@ multiselect {

 .task-indicator {
    position: fixed;
-    left: 20px;
+    right: 20px;
    top: 65px;
    background: white;
    padding: 10px;
@@ -445,6 +445,41 @@ multiselect {
    }
 }

+.app-configure-links {
+    position: fixed;
+    left: 20px;
+    top: 65px;
+
+    div {
+        cursor: pointer;
+        display: block;
+        padding: 6px 10px;
+        margin: 0;
+        overflow: hidden;
+        color: black;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        font-size: 16px;
+
+        &:hover,
+        &:focus,
+        &.category-active {
+            text-decoration: none;
+            background-color: white;
+            color: black;
+        }
+
+        &.category-active {
+            background-color: $navbar-default-link-hover-color;
+            color: white;
+        }
+
+        & > i {
+            width: 30px;
+        }
+    }
+}
+
 // ----------------------------
 // Appstore view
 // ----------------------------