Browse code

Add some missing css and add center alignment option for submit widget

Benjamin Roth authored on24/01/2023 14:52:03
Showing5 changed files
... ...
@@ -67,7 +67,7 @@ $GLOBALS['TL_DCA']['tl_form_field']['fields']['eSM_fl_alignment'] = array
67 67
 	'exclude'                 => true,
68 68
 	'inputType'               => 'select',
69 69
 	'default'                 => 'fl_left',
70
-	'options'                 => array('fl_left','fl_right'),
70
+	'options'                 => array('fl_left','fl_center','fl_right'),
71 71
 	'reference'               => &$GLOBALS['TL_LANG']['tl_form_field']['ref_alignment'],
72 72
 	'eval'                    => array('tl_class'=>'w50'),
73 73
 	'sql'                     => "varchar(8) NOT NULL default ''"
... ...
@@ -62,5 +62,6 @@ $GLOBALS['TL_LANG']['tl_form_field']['ref_width']     = array
62 62
 $GLOBALS['TL_LANG']['tl_form_field']['ref_alignment']     = array
63 63
 (
64 64
 	'fl_left'  => 'Links',
65
+	'fl_center'  => 'Mitte',
65 66
 	'fl_right'  => 'Rechts',
66
-);
67 67
\ No newline at end of file
68
+);
... ...
@@ -48,6 +48,27 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i
48 48
 	grid-template-columns: repeat(12, 1fr);
49 49
 	align-items: end;
50 50
 }
51
+.formbody .widget label {
52
+	display: block;
53
+	margin-bottom: 0.4em;
54
+	line-height: 1.5em;
55
+}
56
+.formbody .widget.fl_right_alignment input[type="submit"],
57
+.formbody .submit_container.fl_right_alignment .submit {
58
+	text-align: right;
59
+}
60
+.formbody .widget.fl_center_alignment input[type="submit"],
61
+.formbody .submit_container.fl_center_alignment .submit {
62
+	text-align: center;
63
+}
64
+.formbody .widget.fl_left_alignment input[type="submit"],
65
+.formbody .submit_container.fl_left_alignment .submit {
66
+	text-align: left;
67
+}
68
+
69
+.widget.lblp {
70
+	padding-top: 1.9em;
71
+}
51 72
 .formbody .widget.w10 { grid-column: auto / span 2; }
52 73
 .formbody .widget.w11 { grid-column: auto / span 2; }
53 74
 .formbody .widget.w15 { grid-column: auto / span 2; }
... ...
@@ -1 +1 @@
1
-input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.widget input.captcha{max-width:4em}.formbody{display:grid;grid-gap:10px;row-gap:.75em;grid-template-columns:repeat(12,1fr);align-items:end}.formbody>:not(.widget){grid-column:auto/span 12}.formbody>fieldset{grid-column-start:1;grid-column:auto/span 12;display:grid;grid-gap:10px;row-gap:.75em;grid-template-columns:repeat(12,1fr);align-items:end}.formbody .widget.w10,.formbody .widget.w11,.formbody .widget.w15,.formbody .widget.w16_5{grid-column:auto/span 2}.formbody .widget.w20,.formbody .widget.w22,.formbody .widget.w25{grid-column:auto/span 3}.formbody .widget.w30,.formbody .widget.w33{grid-column:auto/span 4}.formbody .widget.w35,.formbody .widget.w40{grid-column:auto/span 5}.formbody .widget.w44,.formbody .widget.w45,.formbody .widget.w50{grid-column:auto/span 6}.formbody .widget.w55{grid-column:auto/span 7}.formbody .widget.w60,.formbody .widget.w65,.formbody .widget.w66{grid-column:auto/span 8}.formbody .widget.w70,.formbody .widget.w75{grid-column:auto/span 9}.formbody .widget.w80{grid-column:auto/span 10}.formbody .widget.w85,.formbody .widget.w90,.formbody .widget.w95{grid-column:auto/span 11}.formbody .widget.w100{grid-column:auto/span 12}.formbody .widget.clr{grid-column-start:1}@media screen and (max-width:599px){.formbody .widget.w10,.formbody .widget.w100,.formbody .widget.w11,.formbody .widget.w15,.formbody .widget.w16_5,.formbody .widget.w20,.formbody .widget.w22,.formbody .widget.w25,.formbody .widget.w30,.formbody .widget.w33,.formbody .widget.w35,.formbody .widget.w40,.formbody .widget.w44,.formbody .widget.w45,.formbody .widget.w50,.formbody .widget.w55,.formbody .widget.w60,.formbody .widget.w65,.formbody .widget.w66,.formbody .widget.w70,.formbody .widget.w75,.formbody .widget.w80,.formbody .widget.w85,.formbody .widget.w90,.formbody .widget.w95{grid-column:auto/span 12;grid-column-start:1}}
2 1
\ No newline at end of file
2
+input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.widget input.captcha{max-width:4em}.formbody{display:grid;grid-gap:10px;row-gap:.75em;grid-template-columns:repeat(12,1fr);align-items:end}.formbody>:not(.widget){grid-column:auto/span 12}.formbody>fieldset{grid-column-start:1;grid-column:auto/span 12;display:grid;grid-gap:10px;row-gap:.75em;grid-template-columns:repeat(12,1fr);align-items:end}.formbody .widget label{display:block;margin-bottom:.4em;line-height:1.5em}.formbody .submit_container.fl_right_alignment .submit,.formbody .widget.fl_right_alignment input[type=submit]{text-align:right}.formbody .submit_container.fl_center_alignment .submit,.formbody .widget.fl_center_alignment input[type=submit]{text-align:center}.formbody .submit_container.fl_left_alignment .submit,.formbody .widget.fl_left_alignment input[type=submit]{text-align:left}.widget.lblp{padding-top:1.9em}.formbody .widget.w10,.formbody .widget.w11,.formbody .widget.w15,.formbody .widget.w16_5{grid-column:auto/span 2}.formbody .widget.w20,.formbody .widget.w22,.formbody .widget.w25{grid-column:auto/span 3}.formbody .widget.w30,.formbody .widget.w33{grid-column:auto/span 4}.formbody .widget.w35,.formbody .widget.w40{grid-column:auto/span 5}.formbody .widget.w44,.formbody .widget.w45,.formbody .widget.w50{grid-column:auto/span 6}.formbody .widget.w55{grid-column:auto/span 7}.formbody .widget.w60,.formbody .widget.w65,.formbody .widget.w66{grid-column:auto/span 8}.formbody .widget.w70,.formbody .widget.w75{grid-column:auto/span 9}.formbody .widget.w80{grid-column:auto/span 10}.formbody .widget.w85,.formbody .widget.w90,.formbody .widget.w95{grid-column:auto/span 11}.formbody .widget.w100{grid-column:auto/span 12}.formbody .widget.clr{grid-column-start:1}@media screen and (max-width:599px){.formbody .widget.w10,.formbody .widget.w100,.formbody .widget.w11,.formbody .widget.w15,.formbody .widget.w16_5,.formbody .widget.w20,.formbody .widget.w22,.formbody .widget.w25,.formbody .widget.w30,.formbody .widget.w33,.formbody .widget.w35,.formbody .widget.w40,.formbody .widget.w44,.formbody .widget.w45,.formbody .widget.w50,.formbody .widget.w55,.formbody .widget.w60,.formbody .widget.w65,.formbody .widget.w66,.formbody .widget.w70,.formbody .widget.w75,.formbody .widget.w80,.formbody .widget.w85,.formbody .widget.w90,.formbody .widget.w95{grid-column:auto/span 12;grid-column-start:1}}
3 3
\ No newline at end of file
... ...
@@ -47,7 +47,7 @@ class LoadFormFieldListener
47 47
 
48 48
             if ($widget->eSM_fl_alignment)
49 49
             {
50
-                $widget->prefix.= ' ' . $widget->eSM_fl_alignment.'-alignment';
50
+                $widget->prefix.= ' ' . $widget->eSM_fl_alignment.'_alignment';
51 51
             }
52 52
         }
53 53