git.roojs.org Git - xtuple/blob - lib/enyo-x/source/less/pullout.less

   1 /**
   2   Styles relating to widgets in the pullout
   3 */
   4
   5 /* Pullout */
   6 .xv-pullout {
   7   .xv-header {
   8     .xv-navigator > .xv-header;
   9     // TODO: for some reason the height is off
  10     height: 15px;
  11     border: none;
  12   }
  13
  14   .xv-app-panel;
  15   position: absolute;
  16   top: @toolbarHeight;
  17   left: 0;
  18   bottom: 0;
  19   background-color: @white;
  20   .box-shadow(4px 4px 10px rgba(0,0,0,0.20));
  21
  22   .pullout-grabbutton {
  23     position: absolute;
  24     height: 54px;
  25     width: 50px;
  26     bottom: 25px;
  27     right: -50px;
  28     background-color: @smoke;
  29     box-shadow: 4px 4px 4px rgba(0,0,0,0.25);
  30     .border-top-right-radius(10px);
  31     .border-bottom-right-radius(10px);
  32   }
  33
  34   .xv-parameter-panel {
  35     .xv-workspace-container > .xv-workspace > .xv-workspace-panel;
  36     width: 100%;
  37     margin: 0 4px 6px 0;
  38
  39     .xv-input, .xv-pickerwidget {
  40       .onyx-input-decorator {
  41         border: none;
  42       }
  43     }
  44
  45     .xv-buttons {
  46       text-align: center;
  47     }
  48
  49     .xv-filter-form {
  50       .xv-list {
  51         height: 150px;
  52       }
  53     }
  54   }
  55
  56   .help-panel {
  57     border: none;
  58     height: 100%;
  59     width: 100%;
  60   }
  61
  62   .history-panel {
  63     .xv-list-item {
  64       .xv-navigator > .xv-menu-container > .xv-navigator-menu > .xv-list-item;
  65     }
  66   }
  67 }