3 @decoratorPadding: 8px;
4 @fieldDecoratorWidth: 180px;
5 @fieldWidth: @fieldDecoratorWidth - (2 * @decoratorPadding);
8 @iconFieldWidth: @fieldWidth - @iconWidth - (2 * @iconPadding);
10 .xv-workspace-container {
13 .box-shadow(-2px -2px 6px rgba(0,0,0,0.20));
17 .xv-navigator > .xv-header;
24 .xv-navigator > .xv-menu-container;
26 .xv-navigator > .xv-header;
31 background-color: @white;
34 width: 100% !important;
35 height: 100% !important;
38 // Standard button styling
41 border: 1px solid @smoke;
49 // Inside the panel, the buttons are in a bar
52 background-color: @lightest-gray;
63 .onyx-groupbox-header {
65 border-bottom: 1px solid @smoke;
66 background: @lightest-gray;
73 width: @defaultPanelWidth;
74 margin: 0 @panelSpacing 0 2px;
77 text-overflow: ellipsis;
78 border: 1px solid @smoke;
90 // fix labels with widget refactor
91 .xv-label, .xv-decorated-label, .xv-flexible-label {
92 width: @labelWidth !important;
96 vertical-align: middle;
99 .xv-flexible-label, .xv-label {
100 width: 200px !important;
105 border-bottom: 1px solid @smoke;
109 .enyo-fittable-columns-layout > * {
110 vertical-align: middle;
114 .onyx-input-decorator {
121 .onyx-input-decorator > input, * {
122 font-size: @totalsFontSize;