Fixed bug #16253: Displaced Arrows in TCEforms (Thanks to Jo Hasenau)
authorSteffen Gebert <steffen.gebert@typo3.org>
Tue, 18 Jan 2011 22:26:48 +0000 (22:26 +0000)
committerSteffen Gebert <steffen.gebert@typo3.org>
Tue, 18 Jan 2011 22:26:48 +0000 (22:26 +0000)
git-svn-id: https://svn.typo3.org/TYPO3v4/Core/trunk@10129 709f56b5-9817-0410-a4d7-c38de5d9e867

ChangeLog
t3lib/class.t3lib_tceforms.php
typo3/sysext/t3skin/stylesheets/structure/element_tceforms.css
typo3/sysext/t3skin/stylesheets/structure/main_content.css
typo3/sysext/t3skin/stylesheets/visual/element_tceforms.css
typo3/templates/tceforms.html

index 2178dfc..1bec010 100755 (executable)
--- a/ChangeLog
+++ b/ChangeLog
@@ -1,6 +1,7 @@
 2011-01-18  Steffen Gebert  <steffen@steffen-gebert.de>
 
        * Fixed bug #17041: CSH tooltip often gets in the way of the field it is supposed to provide help for (Thanks to Stanislas Rolland)
+       * Fixed bug #16253: Displaced Arrows in TCEforms (Thanks to Jo Hasenau)
 
 2011-01-18  Susanne Moog  <typo3@susanne-moog.de>
 
index 9fbad44..7daa08a 100644 (file)
@@ -5151,7 +5151,7 @@ class t3lib_TCEforms {
                }
 
                if ($this->classScheme[4]) {
-                       $fieldAttributes .= ' class="t3-form-palette-field' . $this->classScheme[4] . '"';
+                       $fieldAttributes .= ' class="t3-form-palette-field ' . $this->classScheme[4] . '"';
                }
 
                $row = 0;
@@ -5171,11 +5171,11 @@ class t3lib_TCEforms {
                                $iRow[$row][] = '<span class="t3-form-palette-field-container">' .
                                                                '<label' . $labelAttributes . '>' .
                                                                $content['NAME'] .
-                                                               '<img name="req_' . $fieldIdentifierForJs . '" src="clear.gif" class="t3-form-palette-icon-required" alt="" />' .
-                                                               '<img name="cm_' . $fieldIdentifierForJs . '" src="clear.gif" class="t3-form-palette-icon-contentchanged" alt="" />' .
                                                                '</label>' .
                                                                '<span' . $fieldAttributes . '>' .
-                                                               $content['ITEM'] .
+                                                                       '<img name="cm_' . $fieldIdentifierForJs . '" src="clear.gif" class="t3-form-palette-icon-contentchanged" alt="" />' .
+                                                                       '<img name="req_' . $fieldIdentifierForJs . '" src="clear.gif" class="t3-form-palette-icon-required" alt="" />' .
+                                                                       $content['ITEM'] .
                                                                '</span>' .
                                                                '</span>';
                        }
index 4a98b97..a80dfd3 100644 (file)
@@ -4,11 +4,13 @@ TCEforms
 $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 img.t3-TCEforms-reqImg {
-       display: inline-block;
+       display: block;
+       position: absolute;
+       left: 14px;
+       top: 28%;
+       z-index: 3000;
        height: 16px;
-       margin-left: 3px;
-       margin-right: 3px;
-       margin-top: 4px;
+       margin-right: 2px;
        width: 16px;
 }
 
@@ -20,30 +22,51 @@ img.t3-TCEforms-reqTabImg {
 }
 
 img.t3-TCEforms-contentchangedImg {
-       display: inline-block;
-       margin-bottom: 2px;
+       display: block;
+       position: absolute;
+       left: 4px;
+       top: 32%;
+       z-index: 4000;
        width: 7px;
 }
 
 .t3-form-palette-icon-required {
-       display: inline-block;
+       display: block;
+       position: absolute;
+       left: 4px;
+       top: 26%;
+       z-index: 3000;
        height: 16px;
        margin-right: 2px;
        width: 16px;
 }
 /* renamed to .t3-form-palette-icon-required, lines below kept for backwards-compatibility */
 img.t3-TCEforms-reqPaletteImg {
-       display: inline-block;
+       display: block;
+       position: absolute;
+       left: 14px;
+       top: 30%;
+       z-index: 3000;
        height: 16px;
        margin-right: 2px;
        width: 16px;
 }
 
 .t3-form-palette-icon-contentchanged {
+       display: block;
+       position: absolute;
+       left: -6px;
+       top: 30%;
+       z-index: 4000;
        width: 7px;
 }
 /* renamed to .t3-form-palette-icon-contentchanged, lines below kept for backwards-compatibility */
 img.t3-TCEforms-contentchangedPaletteImg {
+       display: block;
+       position: absolute;
+       left: 4px;
+       top: 30%;
+       z-index: 4000;
        width: 7px;
 }
 
@@ -132,6 +155,8 @@ table.typo3-TCEforms div.typo3-dyntabmenu-tabs {
 .checkbox,
 .checkbox:hover {
        margin: 4px 0 4px 2px;
+       position: relative;
+       z-index: 3500;
 }
 
 table.typo3-TCEforms .class-main1 td,
@@ -163,6 +188,8 @@ table.typo3-TCEforms .class-main53 {
 
 table.typo3-TCEforms td.formField-header,
 table.typo3-TCEforms td.formField-field {
+       display: block;
+       position: relative;
        padding-left: 10px;
 }
 
@@ -175,6 +202,16 @@ table.typo3-TCEforms .formField5 {
        margin: 4px 2px 4px 1px;
        padding: 1px;
        vertical-align: middle;
+       position: relative;
+}
+
+table.typo3-TCEforms .formField:focus,
+table.typo3-TCEforms .formField1:focus,
+table.typo3-TCEforms .formField2:focus,
+table.typo3-TCEforms .formField3:focus,
+table.typo3-TCEforms .formField4:focus,
+table.typo3-TCEforms .formField5:focus {
+       z-index: 3500;
 }
 
 table.typo3-TCEforms .wrapperTable,
@@ -256,8 +293,10 @@ table.typo3-TCEforms span.filetypes {
        vertical-align: top;
 }
 
-.t3-form-palette-field-container .t3-form-palette-field-label, .t3-form-palette-field-container .t3-form-palette-field {
-       display:block;
+.t3-form-palette-field-container .t3-form-palette-field-label,
+.t3-form-palette-field-container .t3-form-palette-field {
+       display: block;
+       position: relative;
 }
 
 .typo3-TCEforms .typo3-csh-link {
index a4dd00e..5cb3a4b 100644 (file)
@@ -94,7 +94,6 @@ label {
 .checkbox:hover {
        height: 13px;
        margin-right: 5px;
-       overflow: hidden;
        vertical-align: middle;
        width: 13px;
 }
index 8ff67bf..ebee515 100644 (file)
@@ -80,7 +80,7 @@ table#typo3-altdoc-header input,
 
 .t3-tceforms-input-wrapper-hover .t3-tceforms-input-clearer,
 .t3-tceforms-input-wrapper-datetime-hover .t3-tceforms-input-clearer {
-       z-index: 3000;
+       z-index: 3700;
 }
 
 table.typo3-TCEforms table#typo3-altdoc-header input:hover,
index 4a1aab1..26b2602 100644 (file)
 
 <!-- ###FIELDTEMPLATE### begin -->
 <tr ###BGCOLOR_HEAD######CLASSATTR_2###>
-       <td colspan="2" class="formField-header"><span style="color:###FONTCOLOR_HEAD###;"###CLASSATTR_4###><strong>###FIELD_NAME###</strong></span><img name="req_###FIELD_TABLE###_###FIELD_ID###_###FIELD_FIELD###" src="clear.gif" class="t3-TCEforms-reqImg" alt="" /><img name="cm_###FIELD_TABLE###_###FIELD_ID###_###FIELD_FIELD###" src="clear.gif" class="t3-TCEforms-contentchangedImg" alt="" /></td>
+       <td colspan="2" class="formField-header"><span style="color:###FONTCOLOR_HEAD###;"###CLASSATTR_4###><strong>###FIELD_NAME###</strong></span></td>
 </tr>
 <tr ###BGCOLOR######CLASSATTR_1###>
-       <td colspan="2" class="formField-field" valign="top">###FIELD_ITEM######FIELD_PAL_LINK_ICON###</td>
+       <td colspan="2" class="formField-field" valign="top"><img name="cm_###FIELD_TABLE###_###FIELD_ID###_###FIELD_FIELD###" src="clear.gif" class="t3-TCEforms-contentchangedImg" alt="" /><img name="req_###FIELD_TABLE###_###FIELD_ID###_###FIELD_FIELD###" src="clear.gif" class="t3-TCEforms-reqImg" alt="" />###FIELD_ITEM######FIELD_PAL_LINK_ICON###</td>
 </tr>
 <!-- ###FIELDTEMPLATE### end -->