public/bower_components/angular-ui-grid/menu.less

   1 .ui-grid-menu-button {
   2   z-index: 2;
   3   position: absolute;
   4   right: 0;
   5   top: 0;
   6   background: @headerBackgroundColor;
   7   border: @gridBorderWidth solid @borderColor;
   8   cursor: pointer;
   9   height: 31px;
  10   font-weight: normal;
  11 }
  12
  13 .ui-grid-menu-button .ui-grid-icon-container {
  14   margin-top: 3px;
  15 }
  16
  17 .ui-grid-menu-button .ui-grid-menu {
  18   right: 0;
  19   .ui-grid-menu-mid {
  20     overflow: scroll;
  21     max-height: 300px;
  22     border: @gridBorderWidth solid @borderColor;
  23   }
  24 }
  25
  26 .ui-grid-menu {
  27   z-index: 2; // So it shows up over grid canvas
  28   position: absolute;
  29   padding: 0 10px 20px 10px;
  30   cursor: pointer;
  31   box-sizing: border-box;
  32 }
  33
  34 .ui-grid-menu .ui-grid-menu-inner {
  35   background: @headerBackgroundColor;
  36   border: @gridBorderWidth solid @borderColor;
  37   position: relative;
  38   white-space: nowrap;
  39
  40   .rounded(@gridBorderRadius);
  41   .box-shadow(e("0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2)"));
  42
  43   // Small hidden close button that only appears when focused.
  44   .ui-grid-menu-close-button {
  45     position: absolute;
  46     right: 0px;
  47     top: 0px;
  48     #ui-grid-twbs > .btn();
  49     #ui-grid-twbs > .button-size(1px; 1px; 10px; 1; 2px);
  50     #ui-grid-twbs > .button-variant(transparent, transparent, transparent);
  51     > i {
  52       opacity: 0.75;
  53       color: black;
  54     }
  55   }
  56 }
  57
  58 .ui-grid-menu .ui-grid-menu-inner ul {
  59   margin: 0;
  60   padding: 0;
  61   list-style-type: none;
  62
  63   li {
  64     padding: 0px;
  65     button {
  66       min-width: 100%;
  67       padding: 8px;
  68       text-align: left;
  69       background: transparent;
  70       border: none;
  71
  72       // Show a shadow when hovering over a menu item
  73       &:hover,
  74       &:focus {
  75         // background-color: negation(@headerBackgroundColor, #fff);
  76         .inner-shadow(@vertical: 0, @blur: 14px, @alpha: 0.2);
  77       }
  78       &.ui-grid-menu-item-active {
  79         .inner-shadow(@vertical: 0, @blur: 14px, @alpha: 0.2);
  80         background-color: @selectedColor;
  81       }
  82     }
  83   }
  84
  85   // Show a bottom border on all but the last menu item
  86   li:not(:last-child) > button {
  87     border-bottom: @gridBorderWidth solid @borderColor;
  88   }
  89 }