Menus wip

app/assets/stylesheets/app/_menus.scss

@@ -39,7 +39,6 @@ ul.section-menu-bar {
 
     &.item-with-subtitle {
       label {
-        // float: left;
         margin-right: 8px;
       }
 
@@ -48,15 +47,6 @@ ul.section-menu-bar {
         opacity: 0.5;
         font-weight: normal;
         font-size: 12px;
-
-        // overflow: hidden;
-        // text-overflow: ellipsis;
-        // display: -webkit-box;
-        // -webkit-box-orient: vertical;
-        // -webkit-line-clamp: 1; /* number of lines to show */
-        // $line-height: 18px;
-        // line-height: $line-height;        /* fallback */
-        // max-height: calc(#{$line-height} * 1);       /* fallback */
       }
     }
 
@@ -85,176 +75,8 @@ ul.section-menu-bar {
     border: none;
     width: 280px;
 
-    &.full-width {
-      width: 100%;
-    }
-
-    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    box-shadow: 0 6px 50px rgba(0, 0, 0, 0.175);
-    background-clip: padding-box;
-    border-bottom-left-radius: 4px;
-    border-bottom-right-radius: 4px;
+    max-height: calc(85vh - 90px);
 
     background-color: white;
     color: $selected-text-color;
-
-    li:hover {
-      background-color: $blue-color;
-      color: white;
-    }
-
-    > li {
-      width: 100%;
-      height: 40px;
-      padding-top: 3px;
-      overflow: hidden;
-      cursor: pointer;
-
-      border-bottom: 1px solid rgba(black, 0.1);
-
-      color: $selected-text-color;
-      float: left;
-
-      label {
-        padding: 10px;
-        padding-top: 8px;
-        width: 100%;
-        height: 100%;
-        display: block;
-        cursor: pointer;
-      }
-
-      .shortcut {
-        float: right;
-        font-size: 12px;
-        font-weight: normal;
-        opacity: 0.5;
-        margin-top: 10px;
-        padding-right: 10px;
-      }
-    }
-
-    .sublabel {
-      font-size: 12px;
-      font-weight: normal;
-      margin-top: 5px;
-    }
-}
-
-
-
-
-
-
-
-
-
-.dropdown-menu.sectioned-menu {
-  overflow-y: scroll;
-  max-height: calc(85vh - 90px);
-
-  ul {
-    margin-top: 0px;
-    margin-bottom: 0px;
-    padding-left:0;
-    position: relative;
-
-    li {
-      cursor: pointer;
-      height: auto;
-
-      padding: 10px;
-      border-bottom: 1px solid rgba(black, 0.1);
-      background-color: rgba(white, 0.9);
-      height: auto;
-
-      .left-side {
-        left: 0;
-        width: 60%;
-        display: inline-block;
-        vertical-align: top;
-        user-select: text;
-      }
-
-      .right-side {
-        right: 12px;
-        width: 30%;
-        display: inline-block;
-        vertical-align: top;
-        text-align: right;
-        position: absolute;
-      }
-
-      &:hover {
-        background-color: $blue-color;
-
-
-        .tinted {
-          color: white;
-        }
-
-        &.nested-hover {
-          color: black;
-          background-color: $light-bg-color;
-        }
-      }
-
-      &.nested-hover {
-        color: black;
-        background-color: white;
-      }
-
-      .menu-item-title {
-        font-weight: bold;
-        font-size: 14px;
-        margin-bottom: 3px;
-      }
-
-      .menu-item-subtitle {
-        font-weight: normal;
-        opacity: 0.5;
-        margin-top: 1px;
-        font-size: 12px;
-      }
-    }
-  }
-
-  .header {
-    background-color: #ededed;
-    border-bottom: 1px solid #d3d3d3;
-    position: relative;
-    padding-top: 12px;
-    padding-left: 10px;
-    padding-bottom: 10px;
-    cursor: pointer;
-    user-select: none;
-
-
-    > .title {
-      font-size: 14px;
-      font-weight: bold;
-    }
-
-    > .subtitle {
-      font-size: 12px;
-      opacity: 0.5;
-      font-weight: normal;
-      margin-top: 2px;
-    }
-
-    > .loading {
-      position: absolute;
-      height: 15px;
-      width: 15px;
-      right: 10px;
-      top: 20px;
-    }
-  }
-
-  .footer {
-    background-color: #ededed;
-    border-top: 1px solid #d3d3d3;
-    position: relative;
-    padding: 10px;
-  }
 }