Add headings step to budget creation

Co-Authored-By: decabeza <alberto@decabeza.es>
2020-03-22 04:54:10 +01:00
parent 0a2c70cbfe
commit f8d6ba12d7
27 changed files with 537 additions and 78 deletions
--- a/app/assets/stylesheets/admin/budgets_wizard/headings/group_switcher.scss
+++ b/app/assets/stylesheets/admin/budgets_wizard/headings/group_switcher.scss
@@ -0,0 +1,50 @@
+.budget-group-switcher {
+  margin-bottom: $line-height;
+
+  p {
+    margin-bottom: 0;
+  }
+
+  > .menu > li {
+
+    > button {
+      align-items: center;
+      border: $admin-border;
+      border-radius: $button-radius;
+      display: inline-flex;
+      padding: rem-calc(11) rem-calc(16);
+
+      &:active {
+        color: inherit;
+      }
+
+      &::after {
+        @include css-triangle($dropdownmenu-arrow-size, currentcolor, down);
+        margin-left: 0.2em;
+      }
+    }
+  }
+
+  .menu.is-dropdown-submenu {
+    margin: 0;
+    min-width: 100%;
+    padding: 0;
+
+    li {
+      margin-bottom: 0;
+    }
+
+    a {
+      cursor: default;
+      padding: rem-calc(11) rem-calc(16);
+      width: 100%;
+
+      &:focus,
+      &:hover {
+        @include brand-background;
+        text-decoration: none;
+        outline: none;
+      }
+    }
+  }
+}