##// END OF EJS Templates
Set a minimum height on the combobox button...
Jonathan Frederic -
Show More
@@ -1,129 +1,130 b''
1
1
2 .widget-area {
2 .widget-area {
3 page-break-inside: avoid;
3 page-break-inside: avoid;
4 .hbox();
4 .hbox();
5
5
6 .widget-subarea {
6 .widget-subarea {
7 padding: 0.44em 0.4em 0.4em 1px;
7 padding: 0.44em 0.4em 0.4em 1px;
8 margin-left: 6px;
8 margin-left: 6px;
9 .border-box-sizing();
9 .border-box-sizing();
10 .vbox();
10 .vbox();
11 .box-flex2();
11 .box-flex2();
12
12
13 .widget-hlabel {
13 .widget-hlabel {
14 min-width: 10ex;
14 min-width: 10ex;
15 padding-right: 8px;
15 padding-right: 8px;
16 text-align: right;
16 text-align: right;
17 vertical-align: text-top;
17 vertical-align: text-top;
18 padding-top: 3px;
18 padding-top: 3px;
19 }
19 }
20
20
21 .widget-vlabel {
21 .widget-vlabel {
22 text-align: center;
22 text-align: center;
23 vertical-align: text-bottom;
23 vertical-align: text-bottom;
24 padding-bottom: 5px;
24 padding-bottom: 5px;
25 }
25 }
26
26
27 .widget-hslider {
27 .widget-hslider {
28 padding-left: 8px;
28 padding-left: 8px;
29 padding-right: 5px;
29 padding-right: 5px;
30 margin-top: 11px;
30 margin-top: 11px;
31
31
32 width: 348px;
32 width: 348px;
33 height: 5px !important;
33 height: 5px !important;
34 overflow: visible !important;
34 overflow: visible !important;
35
35
36 border: 1px solid #CCCCCC;
36 border: 1px solid #CCCCCC;
37 background: #FFFFFF;
37 background: #FFFFFF;
38 .corner-all();
38 .corner-all();
39
39
40 .ui-slider {
40 .ui-slider {
41 border: 0px !important;
41 border: 0px !important;
42 background: none !important;
42 background: none !important;
43
43
44 .ui-slider-handle {
44 .ui-slider-handle {
45 width: 14px !important;
45 width: 14px !important;
46 height: 28px !important;
46 height: 28px !important;
47
47
48 margin-top: -8px !important;
48 margin-top: -8px !important;
49 }
49 }
50 }
50 }
51 }
51 }
52
52
53 .widget-vslider {
53 .widget-vslider {
54 border: 1px solid #CCCCCC;
54 border: 1px solid #CCCCCC;
55 background: #FFFFFF;
55 background: #FFFFFF;
56 width: 5px;
56 width: 5px;
57 margin-left: 12px;
57 margin-left: 12px;
58 padding-bottom: 14px;
58 padding-bottom: 14px;
59 .corner-all();
59 .corner-all();
60 height: 250px;
60 height: 250px;
61
61
62 .ui-slider {
62 .ui-slider {
63 border: 0px !important;
63 border: 0px !important;
64 background: none !important;
64 background: none !important;
65 margin-left: -4px;
65 margin-left: -4px;
66 margin-top: 5px;
66 margin-top: 5px;
67 height: 100%;
67 height: 100%;
68
68
69 .ui-slider-handle {
69 .ui-slider-handle {
70 width: 28px !important;
70 width: 28px !important;
71 height: 14px !important;
71 height: 14px !important;
72 margin-left: -9px;
72 margin-left: -9px;
73 }
73 }
74 }
74 }
75 }
75 }
76
76
77 .widget-text {
77 .widget-text {
78 width: 350px;
78 width: 350px;
79 margin-bottom: 0px;
79 margin-bottom: 0px;
80 }
80 }
81
81
82 .widget-numeric-text {
82 .widget-numeric-text {
83 width: 150px;
83 width: 150px;
84 }
84 }
85
85
86 .widget-progress {
86 .widget-progress {
87 width: 363px;
87 width: 363px;
88
88
89 /* Disable progress bar animation */
89 /* Disable progress bar animation */
90 .bar {
90 .bar {
91 -webkit-transition: none;
91 -webkit-transition: none;
92 -moz-transition: none;
92 -moz-transition: none;
93 -ms-transition: none;
93 -ms-transition: none;
94 -o-transition: none;
94 -o-transition: none;
95 transition: none;
95 transition: none;
96 }
96 }
97 }
97 }
98
98
99 .widget-combo-btn {
99 .widget-combo-btn {
100 min-width: 138px; /* + 26px drop arrow btn = 164px */
100 min-width: 138px; /* + 26px drop arrow btn = 164px */
101 min-height: 1ex;
101 }
102 }
102
103
103 .widget-container {
104 .widget-container {
104 .border-box-sizing();
105 .border-box-sizing();
105 }
106 }
106
107
107 .widget-box {
108 .widget-box {
108 .start();
109 .start();
109 .widget-container();
110 .widget-container();
110 margin: 5px;
111 margin: 5px;
111 }
112 }
112
113
113 .widget-hbox {
114 .widget-hbox {
114 .widget-box();
115 .widget-box();
115 .hbox();
116 .hbox();
116 }
117 }
117
118
118 .widget-hbox-single {
119 .widget-hbox-single {
119 .widget-hbox();
120 .widget-hbox();
120 height: 30px;
121 height: 30px;
121 }
122 }
122
123
123 .widget-vbox-single {
124 .widget-vbox-single {
124 .widget-box();
125 .widget-box();
125 .vbox();
126 .vbox();
126 width: 30px;
127 width: 30px;
127 }
128 }
128 }
129 }
129 }
130 }
General Comments 0
You need to be logged in to leave comments. Login now