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
.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;
}
+.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
- - - - - - - - - - - - - - - - - - - - - */
.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;
}
.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,
}
.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;