[BUGFIX] FormEngine fix inline paddings and hierarchy 19/32819/2
authorFelix Kopp <felix-source@phorax.com>
Wed, 17 Sep 2014 09:50:45 +0000 (11:50 +0200)
committerMarkus Klein <klein.t3@reelworx.at>
Wed, 17 Sep 2014 10:40:06 +0000 (12:40 +0200)
Fix inline paddings in FormEngine main sections. Also define FormEngine
".checkbox" to be  constrained within FormEngine. Brings improved header
palette hierarchy by setting <h3>.

Resolves: #61672
Releases: master
Change-Id: I9ae611ff60b282d10a0c3b7d102d8426947e043e
Reviewed-on: http://review.typo3.org/32819
Reviewed-by: Wouter Wolters <typo3@wouterwolters.nl>
Tested-by: Wouter Wolters <typo3@wouterwolters.nl>
Reviewed-by: Markus Klein <klein.t3@reelworx.at>
Tested-by: Markus Klein <klein.t3@reelworx.at>
typo3/sysext/backend/Resources/Private/Templates/FormEngine.html
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_element_tceforms.less
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_element_tceforms.less
typo3/sysext/t3skin/Resources/Public/Css/visual/t3kin.css

index 75cafde..81eab9c 100644 (file)
@@ -60,7 +60,9 @@
 
 <!-- ###PALETTE_FIELDTEMPLATE_HEADER### begin -->
 <tr ###BGCOLOR_HEAD######CLASSATTR_2###>
-       <td colspan="2" nowrap="nowrap" class="palette-header"><strong>###FIELD_HEADER###</strong></td>
+       <td colspan="2" nowrap="nowrap" class="palette-header">
+               <h3>###FIELD_HEADER###</h3>
+       </td>
 </tr>
 <!-- ###PALETTE_FIELDTEMPLATE_HEADER### end -->
 
index a6ee820..24ef1fd 100644 (file)
@@ -97,6 +97,10 @@ table.wrapperTable1 .class-main12 td.palette-header {
        padding-left: 10px;
 }
 
+.typo3-TCEforms .palette-header h3 {
+       margin-top: 10px;
+}
+
 .typo3-TCEforms .bgColor2,
 .typo3-TCEforms tr.bgColor2 td {
        padding-bottom: 5px;
@@ -197,9 +201,12 @@ select option.c-divider {
 .typo3-TCEforms td.formField-field {
        display: block;
        position: relative;
+       vertical-align: top;
+}
+
+div.typo3-TCEforms div.c-tablayer table > tbody > tr > td > table.wrapperTable > tbody > tr > td {
        padding-left: 10px;
        padding-right: 10px;
-       vertical-align: top;
 }
 
 .typo3-TCEforms .formField,
index 9122f8d..2cf0c5a 100644 (file)
@@ -21,8 +21,8 @@ table#typo3-altdoc-header input,
        border: 0;
 }
 
-.checkbox,
-.checkbox:hover {
+.typo3-TCEforms .checkbox,
+.typo3-TCEforms .checkbox:hover {
        background: #efeff4;
        border: 0;
 }
index 5882e3c..e95f613 100644 (file)
@@ -8396,6 +8396,9 @@ table.wrapperTable tr.class-main2 td.palette-header,
 table.wrapperTable1 .class-main12 td.palette-header {
   padding-left: 10px;
 }
+.typo3-TCEforms .palette-header h3 {
+  margin-top: 10px;
+}
 .typo3-TCEforms .bgColor2,
 .typo3-TCEforms tr.bgColor2 td {
   padding-bottom: 5px;
@@ -8478,9 +8481,11 @@ select option.c-divider {
 .typo3-TCEforms td.formField-field {
   display: block;
   position: relative;
+  vertical-align: top;
+}
+div.typo3-TCEforms div.c-tablayer table > tbody > tr > td > table.wrapperTable > tbody > tr > td {
   padding-left: 10px;
   padding-right: 10px;
-  vertical-align: top;
 }
 .typo3-TCEforms .formField,
 .typo3-TCEforms .formField1,
@@ -11294,8 +11299,8 @@ table#typo3-altdoc-header input,
   background: none;
   border: 0;
 }
-.checkbox,
-.checkbox:hover {
+.typo3-TCEforms .checkbox,
+.typo3-TCEforms .checkbox:hover {
   background: #efeff4;
   border: 0;
 }