Fixing multi-level dropdown issues with window boundaries

Packages/ohif-core/client/components/bootstrap/dropdown/dropdown.styl

@@ -1,4 +1,4 @@
-@import "{ohif:design}/app"
+@require '{ohif:design}/app'
 
 .dropdown
   cursor: default
@@ -10,10 +10,10 @@
     transform(scale(0))
     transition(transform 0.3s ease)
 
-    &.dropdown-menu-left
+    &.dropdown-menu-left, &.origin-top-left
       transform-origin(0% 0%)
 
-    &.dropdown-menu-right
+    &.dropdown-menu-right, &.origin-top-right
       transform-origin(100% 0%)
 
     li.divider
@@ -33,21 +33,11 @@
         max-height: 18px
         vertical-align: middle
 
-  &.open ul.dropdown-menu
+  &.open>ul.dropdown-menu
     transform(scale(1))
 
 
 .dropdown-submenu
-  position: relative
-
-  &>.dropdown-menu
-    top: 0
-    left: 100%
-    margin-top: -6px
-    margin-left: -1px
-    -webkit-border-radius: 0 6px 6px 6px
-    -moz-border-radius: 0 6px 6px 6px
-    border-radius: 0 6px 6px 6px
 
   &:hover
 
@@ -55,17 +45,17 @@
       display: block
 
     &>a:after
-      border-left-color:#FFFFFF
+      border-left-color: #000000
 
   &>a:after
     display: block
     float: right
-    content: " "
+    content: ' '
     width: 0
     height: 0
     border-color: transparent
     border-style: solid
     border-width: 5px 0 5px 5px
-    border-left-color: #CCCCCC
+    border-left-color: #666666
     margin-top: 5px
     margin-right: -10px

Packages/ohif-core/client/components/bootstrap/dropdown/form.html

@@ -27,9 +27,6 @@
                             <span>{{item.text}}</span>
                         {{/if}}
                     {{/link}}
-                    {{#if item.items}}
-                        {{>dropdownFormMenu items=item.items}}
-                    {{/if}}
                 </li>
                 {{#if item.separatorAfter}}
                     <li role="separator" class="divider"></li>