extjs/templates/executive-dashboard/sass/src/view/profitloss/ProfitLoss.scss

   1
   2
   3 .dynamic-pl-grid {
   4     margin: 20px;
   5     overflow: visible;
   6
   7
   8
   9     .x-grid-header-ct {
  10         -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  11         -moz-box-shadow:    0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  12         box-shadow:         0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  13     }
  14
  15     .x-panel-body {
  16         background-color: $exec-tile-background;
  17
  18         border-radius: 3px;
  19
  20         z-index: 100;
  21
  22         -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  23         -moz-box-shadow:    0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  24         box-shadow:         0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  25     }
  26
  27     > .x-panel-body {
  28         border-top: none;
  29     }
  30
  31     .x-grid-item:first-child {
  32         border-top: none !important;
  33     }
  34
  35     .x-grid-item:last-child {
  36         border-bottom: none !important;
  37     }
  38
  39     .x-grid-inner-locked {
  40         border-right-color: $exec-font-color;
  41     }
  42
  43     .x-column-header-text {
  44         margin-right: 0;
  45     }
  46
  47 }
  48
  49 .pl-option-menu {
  50     .x-menu-body {
  51         background-color: $exec-blue-color !important;
  52         span {
  53             opacity: 1 !important;
  54         }
  55     }
  56     .x-menu-item-icon {
  57         opacity: 1 !important;
  58     }
  59     .active {
  60         background-image: url("icons/group-checked.png") !important;
  61         background-size: 50% !important;
  62         background-position: left center;
  63     }
  64 }
  65
  66 #region-menu, #quarter-menu {
  67     .x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox {
  68         background-image: none;
  69     }
  70 }