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