[BUGFIX] Unify: TCE input / TCE readonly / input

Unify form input fields with TCE forms input fields with
TCE forms readOnly text.

Change-Id: If17a9477bcedad33745b5e093b338472365a81cf
Resolves: #55599
Releases: 6.2
Reviewed-on: https://review.typo3.org/27269
Reviewed-by: Christian Kuhn
Tested-by: Christian Kuhn
Reviewed-by: Benjamin Mack
Tested-by: Benjamin Mack

diff --git a/typo3/sysext/t3skin/Resources/Public/Css/structure/element_tceforms.css b/typo3/sysext/t3skin/Resources/Public/Css/structure/element_tceforms.css
index d994460..87cd842 100644 (file)
--- a/typo3/sysext/t3skin/Resources/Public/Css/structure/element_tceforms.css
+++ b/typo3/sysext/t3skin/Resources/Public/Css/structure/element_tceforms.css
@@ -194,8 +194,6 @@ select option.c-divider {
 .typo3-TCEforms .formField3,
 .typo3-TCEforms .formField4,
 .typo3-TCEforms .formField5 {
 .typo3-TCEforms .formField3,
 .typo3-TCEforms .formField4,
 .typo3-TCEforms .formField5 {

-       margin: 4px 2px 4px 1px;
-       padding: 2px;

        vertical-align: middle;
        position: relative;
 }
        vertical-align: middle;
        position: relative;
 }


@@ -302,6 +300,13 @@ select option.c-divider {
        margin-left: 5px;
 }
 
        margin-left: 5px;
 }
 

+.t3-tceforms-fieldReadOnly {
+       /** Lock icon in right corner */
+       padding: 3px 30px 3px 6px;
+       margin: 0 0.5em 0.5em 0;
+       position: relative;
+}
+

 /* - - - - - - - - - - - - - - - - - - - - -
 TCEforms suggest
 - - - - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - - - -
 TCEforms suggest
 - - - - - - - - - - - - - - - - - - - - - */

diff --git a/typo3/sysext/t3skin/Resources/Public/Css/visual/element_tceforms.css b/typo3/sysext/t3skin/Resources/Public/Css/visual/element_tceforms.css
index bdf3504..a06463e 100644 (file)
--- a/typo3/sysext/t3skin/Resources/Public/Css/visual/element_tceforms.css
+++ b/typo3/sysext/t3skin/Resources/Public/Css/visual/element_tceforms.css
@@ -40,8 +40,8 @@ table#typo3-altdoc-header input,
 .t3-tceforms-input-wrapper .t3-tceforms-input-clearer,
 .t3-tceforms-input-wrapper-hover .t3-tceforms-input-clearer {
        position: absolute;
 .t3-tceforms-input-wrapper .t3-tceforms-input-clearer,
 .t3-tceforms-input-wrapper-hover .t3-tceforms-input-clearer {
        position: absolute;

-       right: 4px;
-       top: 28%;
+       right: 10px;
+       top: 5px;

        z-index: 1000;
        cursor: pointer;
 }
        z-index: 1000;
        cursor: pointer;
 }


@@ -65,8 +65,7 @@ table#typo3-altdoc-header input,
 .t3-tceforms-input-wrapper-datetime-hover .tceforms-datetimefield {
        position: relative;
        z-index: 2000;
 .t3-tceforms-input-wrapper-datetime-hover .tceforms-datetimefield {
        position: relative;
        z-index: 2000;

-       min-height: 14px;
-       padding-right: 20px!important;
+       padding-right: 30px!important;

 }
 
 .t3-tceforms-input-wrapper-hover .t3-tceforms-input-clearer,
 }
 
 .t3-tceforms-input-wrapper-hover .t3-tceforms-input-clearer,


@@ -476,20 +475,21 @@ TCEforms Sections
 }
 
 .t3-tceforms-fieldReadOnly {
 }
 
 .t3-tceforms-fieldReadOnly {

-    padding:5px;
-    border:1px solid #cccccc;
-    background: #f4f4f4;
-    color: #696362;
-    -webkit-box-shadow: inset 0px 0px 5px 0px #e8e8e8;
-    box-shadow: inset 0px 0px 5px 0px #e8e8e8;
-    padding-right:21px;
-    position:relative;
+       background-color: #fefefe;
+       border: 1px solid #7c7c7c;
+       border-radius: 2px;
+       pointer-events: none;
+       cursor: default;
+       opacity: 0.5;
+       filter: ~"alpha(opacity=@50)";
+       -webkit-box-shadow: none;
+       box-shadow: none;

 }
 
 .t3-tceforms-fieldReadOnly span.t3-icon {
 }
 
 .t3-tceforms-fieldReadOnly span.t3-icon {

-    position:absolute;
-    right:3px;
-    top:4px;
+    position: absolute;
+    right: 3px;
+    top: 4px;

 }
 
 .t3-form-field-item {
 }
 
 .t3-form-field-item {