From b7d60e9de1b55de0c4b9b49967137c83c02d9802 Mon Sep 17 00:00:00 2001
From: Felix Kopp <felix-source@phorax.com>
Date: Sun, 2 Feb 2014 17:44:58 +0100
Subject: [PATCH] =?UTF-8?q?[BUGFIX]=C2=A0Unify:=20TCE=20input=20/=20TCE=20?=
=?UTF-8?q?readonly=20/=20input?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
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
---
.../Public/Css/structure/element_tceforms.css | 9 ++++--
.../Public/Css/visual/element_tceforms.css | 30 +++++++++----------
2 files changed, 22 insertions(+), 17 deletions(-)
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 d9944606e4fe..87cd8429ddd1 100644
--- 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 {
- margin: 4px 2px 4px 1px;
- padding: 2px;
vertical-align: middle;
position: relative;
}
@@ -302,6 +300,13 @@ select option.c-divider {
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
- - - - - - - - - - - - - - - - - - - - - */
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 bdf3504270db..a06463ecb75e 100644
--- 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;
- right: 4px;
- top: 28%;
+ right: 10px;
+ top: 5px;
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;
- min-height: 14px;
- padding-right: 20px!important;
+ padding-right: 30px!important;
}
.t3-tceforms-input-wrapper-hover .t3-tceforms-input-clearer,
@@ -476,20 +475,21 @@ TCEforms Sections
}
.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 {
- position:absolute;
- right:3px;
- top:4px;
+ position: absolute;
+ right: 3px;
+ top: 4px;
}
.t3-form-field-item {
--
GitLab