End of day commit, styling and dropdown logic

2014-06-30 18:20:51 +02:00
parent dbb369acb9
commit 588139eb54
13 changed files with 135 additions and 30 deletions
@@ -0,0 +1,49 @@
+.dropdown-container
+  position: relative
+  display: inline-block
+  .button.dropdown-trigger
+    padding-top: 4px
+    padding-bottom: 4px
+    margin-bottom: 0
+    .dropdown-trigger-icon
+      @extend .fa
+      @extend .fa-lg
+      @extend .fa-caret-left
+      margin-right: 6px
+    
+  .dropdown-list-container
+    display: none
+    text-align: left
+    background-color: white
+    position: absolute
+    right: 0
+    margin: 0
+    min-width: 160px
+    z-index: 542
+    margin-top: 7px
+    border-radius: 4px
+
+    &:after
+      border: solid transparent
+      content: " "
+      height: 0
+      width: 0
+      position: absolute
+      pointer-events: none
+      border-width: 6px
+      border-bottom-color: white
+      bottom: 100%
+      right: 30px
+      
+      
+    ul
+      list-style: none
+  //&:hover
+    //.dropdown-list-container
+      //display: block
+  &.active
+    .dropdown-list-container
+      display: block
+    .button.dropdown-trigger
+      .dropdown-trigger-icon
+        @extend .fa-caret-down