Browse code

Add even more width options to allow grids with 6 cols

(cherry picked from commit bf3dbb9)

Benjamin Roth authored on06/07/2017 20:56:51
Showing5 changed files
... ...
@@ -147,13 +147,17 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i
147 147
 }
148 148
 
149 149
 .widget.w10 { float: left; width: 10%; }
150
+.widget.w11 { float: left; width: 11.111%; }
150 151
 .widget.w15 { float: left; width: 15%; }
152
+.widget.w16_5 { float: left; width: 16.6665%; }
151 153
 .widget.w20 { float: left; width: 20%; }
154
+.widget.w22 { float: left; width: 22.222%; }
152 155
 .widget.w25 { float: left; width: 25%; }
153 156
 .widget.w30 { float: left; width: 30%; }
154 157
 .widget.w33 { float: left; width: 33.333%; }
155 158
 .widget.w35 { float: left; width: 35%; }
156 159
 .widget.w40 { float: left; width: 40%; }
160
+.widget.w44 { float: left; width: 44.444%; }
157 161
 .widget.w45 { float: left; width: 45%; }
158 162
 .widget.w50 { float: left; width: 50%; }
159 163
 .widget.w55 { float: left; width: 55%; }
... ...
@@ -176,13 +180,17 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i
176 180
 
177 181
 @media screen and (max-width: 43em) {
178 182
 	.widget.w10,
183
+	.widget.w11,
179 184
 	.widget.w15,
185
+	.widget.w16_5,
180 186
 	.widget.w20,
187
+	.widget.w22,
181 188
 	.widget.w25,
182 189
 	.widget.w30,
183 190
 	.widget.w33,
184 191
 	.widget.w35,
185 192
 	.widget.w40,
193
+	.widget.w44,
186 194
 	.widget.w45,
187 195
 	.widget.w50,
188 196
 	.widget.w55,
... ...
@@ -200,10 +208,16 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i
200 208
 
201 209
 .widget.w10:before,
202 210
 .widget.w10:after,
211
+.widget.w11:before,
212
+.widget.w11:after,
203 213
 .widget.w15:before,
204 214
 .widget.w15:after,
215
+.widget.w16_5:before,
216
+.widget.w16_5:after,
205 217
 .widget.w20:before,
206 218
 .widget.w20:after,
219
+.widget.w22:before,
220
+.widget.w22:after,
207 221
 .widget.w25:before,
208 222
 .widget.w25:after,
209 223
 .widget.w30:before,
... ...
@@ -214,6 +228,8 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i
214 228
 .widget.w35:after,
215 229
 .widget.w40:before,
216 230
 .widget.w40:after,
231
+.widget.w44:before,
232
+.widget.w44:after,
217 233
 .widget.w45:before,
218 234
 .widget.w45:after,
219 235
 .widget.w50:before,
... ...
@@ -247,13 +263,17 @@ form:after {
247 263
 }
248 264
 
249 265
 .widget.w10:after,
266
+.widget.w11:after,
250 267
 .widget.w15:after,
268
+.widget.w16_5:after,
251 269
 .widget.w20:after,
270
+.widget.w22:after,
252 271
 .widget.w25:after,
253 272
 .widget.w30:after,
254 273
 .widget.w33:after,
255 274
 .widget.w35:after,
256 275
 .widget.w40:after,
276
+.widget.w44:after,
257 277
 .widget.w45:after,
258 278
 .widget.w50:after,
259 279
 .widget.w55: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.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}
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.w11{float:left;width:11.111%}.widget.w15{float:left;width:15%}.widget.w16_5{float:left;width:16.6665%}.widget.w20{float:left;width:20%}.widget.w22{float:left;width:22.222%}.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.w44{float:left;width:44.444%}.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.w11,.widget.w15,.widget.w16_5,.widget.w20,.widget.w22,.widget.w25,.widget.w30,.widget.w33,.widget.w35,.widget.w40,.widget.w44,.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.w11:before,.widget.w11:after,.widget.w15:before,.widget.w15:after,.widget.w16_5:before,.widget.w16_5:after,.widget.w20:before,.widget.w20:after,.widget.w22:before,.widget.w22: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.w44:before,.widget.w44: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.w11:after,.widget.w15:after,.widget.w16_5:after,.widget.w20:after,.widget.w22:after,.widget.w25:after,.widget.w30:after,.widget.w33:after,.widget.w35:after,.widget.w40:after,.widget.w44: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, 33, 35, 40, 45, 50, 55, 60, 65, 66, 70, 75, 80, 85, 90, 95, 100),
40
+	'options'                 => array(10, 11, 15, '16_5', 20, 22, 25, 30, 33, 35, 40, 44, 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, 33, 35, 40, 45, 50, 55, 60, 65, 66, 70, 75, 80, 85, 90, 95, 100),
42
+				'options'               => array(10, 11, 15, '16_5', 20, 22, 25, 30, 33, 35, 40, 44, 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
... ...
@@ -33,13 +33,17 @@ $GLOBALS['TL_LANG']['tl_form_field']['formilicious_legend']  = 'Formilicious Fra
33 33
 $GLOBALS['TL_LANG']['tl_form_field']['ref_width']     = array
34 34
 (
35 35
 	10  => '10 %',
36
+	11  => '11 %',
36 37
 	15  => '15 %',
38
+	'16_5'  => '16,5 %',
37 39
 	20  => '20 %',
40
+	22  => '22 %',
38 41
 	25  => '25 %',
39 42
 	30  => '30 %',
40 43
 	33  => '33 %',
41 44
 	35  => '35 %',
42 45
 	40  => '40 %',
46
+	44  => '44 %',
43 47
 	45  => '45 %',
44 48
 	50  => '50 %',
45 49
 	55  => '55 %',