Browse code

Add 33% and 66% width options to allow grids with 3 cols

(cherry picked from commit 6751cb4)

Benjamin Roth authored on06/07/2017 20:42:07
Showing5 changed files
... ...
@@ -151,6 +151,7 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i
151 151
 .widget.w20 { float: left; width: 20%; }
152 152
 .widget.w25 { float: left; width: 25%; }
153 153
 .widget.w30 { float: left; width: 30%; }
154
+.widget.w33 { float: left; width: 33.333%; }
154 155
 .widget.w35 { float: left; width: 35%; }
155 156
 .widget.w40 { float: left; width: 40%; }
156 157
 .widget.w45 { float: left; width: 45%; }
... ...
@@ -158,6 +159,7 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i
158 159
 .widget.w55 { float: left; width: 55%; }
159 160
 .widget.w60 { float: left; width: 60%; }
160 161
 .widget.w65 { float: left; width: 65%; }
162
+.widget.w66 { float: left; width: 66.666%; }
161 163
 .widget.w70 { float: left; width: 70%; }
162 164
 .widget.w75 { float: left; width: 75%; }
163 165
 .widget.w80 { float: left; width: 80%; }
... ...
@@ -178,6 +180,7 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i
178 180
 	.widget.w20,
179 181
 	.widget.w25,
180 182
 	.widget.w30,
183
+	.widget.w33,
181 184
 	.widget.w35,
182 185
 	.widget.w40,
183 186
 	.widget.w45,
... ...
@@ -185,6 +188,7 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i
185 188
 	.widget.w55,
186 189
 	.widget.w60,
187 190
 	.widget.w65,
191
+	.widget.w66,
188 192
 	.widget.w70,
189 193
 	.widget.w75,
190 194
 	.widget.w80,
... ...
@@ -204,6 +208,8 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i
204 208
 .widget.w25:after,
205 209
 .widget.w30:before,
206 210
 .widget.w30:after,
211
+.widget.w33:before,
212
+.widget.w33:after,
207 213
 .widget.w35:before,
208 214
 .widget.w35:after,
209 215
 .widget.w40:before,
... ...
@@ -218,6 +224,8 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i
218 224
 .widget.w60:after,
219 225
 .widget.w65:before,
220 226
 .widget.w65:after,
227
+.widget.w66:before,
228
+.widget.w66:after,
221 229
 .widget.w70:before,
222 230
 .widget.w70:after,
223 231
 .widget.w75:before,
... ...
@@ -243,12 +251,13 @@ form:after {
243 251
 .widget.w20:after,
244 252
 .widget.w25:after,
245 253
 .widget.w30:after,
254
+.widget.w33:after,
246 255
 .widget.w35:after,
247 256
 .widget.w40:after,
248 257
 .widget.w45:after,
249 258
 .widget.w50:after,
250 259
 .widget.w55:after,
251
-.widget.w60:after,
260
+.widget.w66:after,
252 261
 .widget.w65:after,
253 262
 .widget.w70:after,
254 263
 .widget.w75:after,
... ...
@@ -1 +1 @@
1
-input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea,select{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.widget input.captcha{max-width:4em}.formbody>fieldset{clear:left}.formbody>fieldset legend{color:inherit;font-size:123%;line-height:2;font-weight:normal;border-bottom:inherit 3px solid;margin-bottom:1em}.widget .radio_container legend,.widget .checkbox_container legend{color:inherit;font-size:100%;font-weight:normal;border-bottom:0;display:block;margin-bottom:.4em;line-height:1.5em}.widget .checkbox_container label,.widget .radio_container label{font-weight:normal;display:inline;margin-bottom:0}.widget .checkbox_container>span,.widget .radio_container>span{display:block}.widget.headline{margin-top:1em;font-size:108%;font-weight:bold;min-height:1.5em}.widget{padding:0 10px;margin-bottom:.5em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:4em;float:left;width:100%}.widget.cbx{min-height:1.5em;height:1.5em;padding:4px 10px}.widget label{display:block;margin-bottom:.4em;line-height:1.5em}.widget.error input,.widget.error select,.widget.error textarea{border-color:#e23e15}.widget p.error{font-size:85%;margin-top:-0.4em;margin-bottom:.4em}.widget.error .errortip{background-color:#e23e15;border-bottom-left-radius:50%;border-bottom-right-radius:50%;border-top-left-radius:50%;border-top-right-radius:50%;color:#fff;cursor:help;display:block;float:right;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;height:15px;line-height:13px;margin-top:3.25px;text-align:center;vertical-align:top;width:15px}.submit_container{min-height:2.1em}.widget.w10{float:left;width:10%}.widget.w15{float:left;width:15%}.widget.w20{float:left;width:20%}.widget.w25{float:left;width:25%}.widget.w30{float:left;width:30%}.widget.w35{float:left;width:35%}.widget.w40{float:left;width:40%}.widget.w45{float:left;width:45%}.widget.w50{float:left;width:50%}.widget.w55{float:left;width:55%}.widget.w60{float:left;width:60%}.widget.w65{float:left;width:65%}.widget.w70{float:left;width:70%}.widget.w75{float:left;width:75%}.widget.w80{float:left;width:80%}.widget.w85{float:left;width:85%}.widget.w90{float:left;width:90%}.widget.w95{float:left;width:95%}.widget.w100{float:left;width:100%}.widget.clr,.formbody>fieldset{clear:left}@media screen and (max-width:43em){.widget.w10,.widget.w15,.widget.w20,.widget.w25,.widget.w30,.widget.w35,.widget.w40,.widget.w45,.widget.w50,.widget.w55,.widget.w60,.widget.w65,.widget.w70,.widget.w75,.widget.w80,.widget.w85,.widget.w90,.widget.w95,.widget.w100{float:none;width:100%}}.widget.w10:before,.widget.w10:after,.widget.w15:before,.widget.w15:after,.widget.w20:before,.widget.w20:after,.widget.w25:before,.widget.w25:after,.widget.w30:before,.widget.w30:after,.widget.w35:before,.widget.w35:after,.widget.w40:before,.widget.w40:after,.widget.w45:before,.widget.w45:after,.widget.w50:before,.widget.w50:after,.widget.w55:before,.widget.w55:after,.widget.w60:before,.widget.w60:after,.widget.w65:before,.widget.w65:after,.widget.w70:before,.widget.w70:after,.widget.w75:before,.widget.w75:after,.widget.w80:before,.widget.w80:after,.widget.w85:before,.widget.w85:after,.widget.w90:before,.widget.w90:after,.widget.w95:before,.widget.w95:after,.widget.w100:before,.widget.w100:after,form:before,form:after{content:" ";display:table}.widget.w10:after,.widget.w15:after,.widget.w20:after,.widget.w25:after,.widget.w30:after,.widget.w35:after,.widget.w40:after,.widget.w45:after,.widget.w50:after,.widget.w55:after,.widget.w60:after,.widget.w65:after,.widget.w70:after,.widget.w75:after,.widget.w80:after,.widget.w85:after,.widget.w90:after,.widget.w95:after,.widget.w100:after,form:after{clear:both}.widget.widget-split input[type="text"],.widget.widget-split input[type="password"],.widget.widget-split input[type="date"],.widget.widget-split input[type="datetime"],.widget.widget-split input[type="email"],.widget.widget-split input[type="number"],.widget.widget-split input[type="search"],.widget.widget-split input[type="tel"],.widget.widget-split input[type="time"],.widget.widget-split input[type="url"],.widget.widget-split textarea,.widget.widget-split select{max-width:50% !important;min-width:10% !important;float:left;margin-right:10px;display:inline}.widget.widget-split.widget-split-3 input{max-width:30% !important}.widget.widget-split.widget-split-3 input[type="submit"]{max-width:70% !important}.widget.widget-split.widget-split-4 input{max-width:40% !important}.widget.widget-split.widget-split-4 input[type="submit"]{max-width:60% !important}.widget.widget-split.widget-split-5 input{max-width:50% !important}.widget.widget-split.widget-split-5 input[type="submit"]{max-width:50% !important}.widget.widget-split.widget-split-6 input{max-width:60% !important}.widget.widget-split.widget-split-6 input[type="submit"]{max-width:40% !important}.widget.widget-split.widget-split-7 input{max-width:70% !important}.widget.widget-split.widget-split-7 input[type="submit"]{max-width:30% !important}.widget.fl_right input[type="submit"],.submit_container.fl_right .submit{float:right}.widget.lblp{padding-top:1.9em;min-height:2.1em}.widget.autoh{min-height:0}.widget,form{*zoom:1}
2 1
\ No newline at end of file
2
+input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea,select{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.widget input.captcha{max-width:4em}.formbody>fieldset{clear:left}.formbody>fieldset legend{color:inherit;font-size:123%;line-height:2;font-weight:normal;border-bottom:inherit 3px solid;margin-bottom:1em}.widget .radio_container legend,.widget .checkbox_container legend{color:inherit;font-size:100%;font-weight:normal;border-bottom:0;display:block;margin-bottom:.4em;line-height:1.5em}.widget .checkbox_container label,.widget .radio_container label{font-weight:normal;display:inline;margin-bottom:0}.widget .checkbox_container>span,.widget .radio_container>span{display:block}.widget.headline{margin-top:1em;font-size:108%;font-weight:bold;min-height:1.5em}.widget{padding:0 10px;margin-bottom:.5em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:4em;float:left;width:100%}.widget.cbx{min-height:1.5em;height:1.5em;padding:4px 10px}.widget label{display:block;margin-bottom:.4em;line-height:1.5em}.widget.error input,.widget.error select,.widget.error textarea{border-color:#e23e15}.widget p.error{font-size:85%;margin-top:-0.4em;margin-bottom:.4em}.widget.error .errortip{background-color:#e23e15;border-bottom-left-radius:50%;border-bottom-right-radius:50%;border-top-left-radius:50%;border-top-right-radius:50%;color:#fff;cursor:help;display:block;float:right;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;height:15px;line-height:13px;margin-top:3.25px;text-align:center;vertical-align:top;width:15px}.submit_container{min-height:2.1em}.widget.w10{float:left;width:10%}.widget.w15{float:left;width:15%}.widget.w20{float:left;width:20%}.widget.w25{float:left;width:25%}.widget.w30{float:left;width:30%}.widget.w33{float:left;width:33.333%}.widget.w35{float:left;width:35%}.widget.w40{float:left;width:40%}.widget.w45{float:left;width:45%}.widget.w50{float:left;width:50%}.widget.w55{float:left;width:55%}.widget.w60{float:left;width:60%}.widget.w65{float:left;width:65%}.widget.w66{float:left;width:66.666%}.widget.w70{float:left;width:70%}.widget.w75{float:left;width:75%}.widget.w80{float:left;width:80%}.widget.w85{float:left;width:85%}.widget.w90{float:left;width:90%}.widget.w95{float:left;width:95%}.widget.w100{float:left;width:100%}.widget.clr,.formbody>fieldset{clear:left}@media screen and (max-width:43em){.widget.w10,.widget.w15,.widget.w20,.widget.w25,.widget.w30,.widget.w33,.widget.w35,.widget.w40,.widget.w45,.widget.w50,.widget.w55,.widget.w60,.widget.w65,.widget.w66,.widget.w70,.widget.w75,.widget.w80,.widget.w85,.widget.w90,.widget.w95,.widget.w100{float:none;width:100%}}.widget.w10:before,.widget.w10:after,.widget.w15:before,.widget.w15:after,.widget.w20:before,.widget.w20:after,.widget.w25:before,.widget.w25:after,.widget.w30:before,.widget.w30:after,.widget.w33:before,.widget.w33:after,.widget.w35:before,.widget.w35:after,.widget.w40:before,.widget.w40:after,.widget.w45:before,.widget.w45:after,.widget.w50:before,.widget.w50:after,.widget.w55:before,.widget.w55:after,.widget.w60:before,.widget.w60:after,.widget.w65:before,.widget.w65:after,.widget.w66:before,.widget.w66:after,.widget.w70:before,.widget.w70:after,.widget.w75:before,.widget.w75:after,.widget.w80:before,.widget.w80:after,.widget.w85:before,.widget.w85:after,.widget.w90:before,.widget.w90:after,.widget.w95:before,.widget.w95:after,.widget.w100:before,.widget.w100:after,form:before,form:after{content:" ";display:table}.widget.w10:after,.widget.w15:after,.widget.w20:after,.widget.w25:after,.widget.w30:after,.widget.w33:after,.widget.w35:after,.widget.w40:after,.widget.w45:after,.widget.w50:after,.widget.w55:after,.widget.w66:after,.widget.w65:after,.widget.w70:after,.widget.w75:after,.widget.w80:after,.widget.w85:after,.widget.w90:after,.widget.w95:after,.widget.w100:after,form:after{clear:both}.widget.widget-split input[type="text"],.widget.widget-split input[type="password"],.widget.widget-split input[type="date"],.widget.widget-split input[type="datetime"],.widget.widget-split input[type="email"],.widget.widget-split input[type="number"],.widget.widget-split input[type="search"],.widget.widget-split input[type="tel"],.widget.widget-split input[type="time"],.widget.widget-split input[type="url"],.widget.widget-split textarea,.widget.widget-split select{max-width:50% !important;min-width:10% !important;float:left;margin-right:10px;display:inline}.widget.widget-split.widget-split-3 input{max-width:30% !important}.widget.widget-split.widget-split-3 input[type="submit"]{max-width:70% !important}.widget.widget-split.widget-split-4 input{max-width:40% !important}.widget.widget-split.widget-split-4 input[type="submit"]{max-width:60% !important}.widget.widget-split.widget-split-5 input{max-width:50% !important}.widget.widget-split.widget-split-5 input[type="submit"]{max-width:50% !important}.widget.widget-split.widget-split-6 input{max-width:60% !important}.widget.widget-split.widget-split-6 input[type="submit"]{max-width:40% !important}.widget.widget-split.widget-split-7 input{max-width:70% !important}.widget.widget-split.widget-split-7 input[type="submit"]{max-width:30% !important}.widget.fl_right input[type="submit"],.submit_container.fl_right .submit{float:right}.widget.lblp{padding-top:1.9em;min-height:2.1em}.widget.autoh{min-height:0}.widget,form{*zoom:1}
3 3
\ No newline at end of file
... ...
@@ -37,7 +37,7 @@ $GLOBALS['TL_DCA']['tl_form_field']['fields']['eSM_fl_width'] = array
37 37
 	'exclude'                 => true,
38 38
 	'inputType'               => 'select',
39 39
 	'default'                 => 100,
40
-	'options'                 => array(10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100),
40
+	'options'                 => array(10, 15, 20, 25, 30, 33, 35, 40, 45, 50, 55, 60, 65, 66, 70, 75, 80, 85, 90, 95, 100),
41 41
 	'reference'               => &$GLOBALS['TL_LANG']['tl_form_field']['ref_width'],
42 42
 	'eval'                    => array('tl_class'=>'w50'),
43 43
 	'sql'                     => "varchar(3) NOT NULL default '100'"
... ...
@@ -39,7 +39,7 @@ $GLOBALS['TL_DCA']['tl_module']['fields']['editable'] = array
39 39
 				'label'                 => &$GLOBALS['TL_LANG']['tl_module']['eSM_editable_col'],
40 40
 				'exclude'               => true,
41 41
 				'inputType'             => 'select',
42
-				'options'               => array(10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100),
42
+				'options'               => array(10, 15, 20, 25, 30, 33, 35, 40, 45, 50, 55, 60, 65, 66, 70, 75, 80, 85, 90, 95, 100),
43 43
 				'eval'                  => array('style'=>'width:50px', 'includeBlankOption'=>true)
44 44
 			),
45 45
 			'eSM_clr' => array
... ...
@@ -37,6 +37,7 @@ $GLOBALS['TL_LANG']['tl_form_field']['ref_width']     = array
37 37
 	20  => '20 %',
38 38
 	25  => '25 %',
39 39
 	30  => '30 %',
40
+	33  => '33 %',
40 41
 	35  => '35 %',
41 42
 	40  => '40 %',
42 43
 	45  => '45 %',
... ...
@@ -44,6 +45,7 @@ $GLOBALS['TL_LANG']['tl_form_field']['ref_width']     = array
44 45
 	55  => '55 %',
45 46
 	60  => '60 %',
46 47
 	65  => '65 %',
48
+	66  => '66 %',
47 49
 	70  => '70 %',
48 50
 	75  => '75 %',
49 51
 	80  => '80 %',