Issue #2313: Align and fix labels for some more special fields cases …

…in CustomerTicketMessage and -Zoom.
RotherOSS · Apr 3, 2024 · c4f04b0 · c4f04b0
1 parent 39f69e1
commit c4f04b0
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 25 deletions.
diff --git a/var/httpd/htdocs/skins/Customer/default/css/Core.InputFields.css b/var/httpd/htdocs/skins/Customer/default/css/Core.InputFields.css
@@ -308,6 +308,15 @@ label.oooFocus,
     background-color:#ffffff;
 }
 
+.FieldCell input.DynamicFieldDB.oooFull ~ label {
+    border-radius: 10px;
+    top: -29px;
+    font-size: 10px;
+    line-height: 1.3;
+    letter-spacing: 0.5px;
+    background-color: #ffffff;
+}
+
 /* error */
 input.Error,
 textarea.Error,

diff --git a/var/httpd/htdocs/skins/Customer/default/css/Core.TicketMessage.css b/var/httpd/htdocs/skins/Customer/default/css/Core.TicketMessage.css
@@ -208,27 +208,19 @@ fieldset .FieldCell textarea.oooFull ~ label,
 fieldset .FieldCell input.oooFull ~ label,
 fieldset .Field:hover:not([class*='RichTextField']) ~ label,
 fieldset .Field.oooFull ~ label,
-fieldset .FieldCell .DynamicFieldDB:not([readonly]):hover ~ label,
-fieldset .FieldCell .InputField_Container:hover ~ label, 
-fieldset .Field.DFSetOuterField ~ label,
-.FieldCell > input:not([readonly]):focus ~ label,
-.Row > input:not([readonly]):focus ~ label,
-label.oooFocus,
-.Field ~ label.oooFocus,
-.DynamicFieldDB:hover ~ label.oooFocus,
-.InputField_Container ~ label.oooFocus {
+fieldset .FieldCell .InputField_Container:hover ~ label,
+fieldset .Field.DFSetOuterField ~ label {
     top: -6px;
 }
 
-fieldset .Field:hover:not([class*='RichTextField']) ~ label.oooFocus {
-    color: var(--colMainLight)
+fieldset .FieldCell > input:not([readonly]):focus ~ label,
+fieldset label.oooFocus,
+fieldset .Field ~ label.oooFocus {
+    top: -6px;
 }
 
-.Row > input:not([readonly]):focus ~ label,
-.InputField_Container ~ label.oooFocus,
-.FieldCell .DynamicFieldDB:not([readonly]):hover ~ label,
-.DynamicFieldDB:not([readonly]):focus ~ label.oooFocus {
-    position: absolute;
+fieldset .Field:hover:not([class*='RichTextField']) ~ label.oooFocus {
+    color: var(--colMainLight)
 }
 
 .Row.MultiColumn .FieldCell {
@@ -257,4 +249,4 @@ fieldset .Field:hover:not([class*='RichTextField']) ~ label.oooFocus {
 #BottomActionRow {
     text-align: center;
     margin-top: 80px;
-}
+}
diff --git a/var/httpd/htdocs/skins/Customer/default/css/Core.TicketZoom.css b/var/httpd/htdocs/skins/Customer/default/css/Core.TicketZoom.css
@@ -627,7 +627,6 @@ button.oooM.ActivitySubmitButton {
 .FieldCell input.oooFull ~ label,
 .Field:hover:not([class*='RichTextField']) ~ label,
 .Field.oooFull ~ label,
-.FieldCell .oooSelected ~ label,
 .FieldCell .InputField_Container:hover ~ label, 
 .Field.DFSetOuterField ~ label {
     top: -6px;
@@ -639,13 +638,6 @@ label.oooFocus,
     top: -6px;
 }
 
-.Row > input:not([readonly]):focus ~ label, /* nicht DF - e.g. Subject */
-.InputField_Container ~ label.oooFocus, /* z.B. Next State  */
-.FieldCell .DynamicFieldDB:not([readonly]):hover ~ label,
-.DynamicFieldDB:not([readonly]):focus ~ label.oooFocus {
-    position: absolute;
-}
-
 .Row.MultiColumn .FieldCell {
     width: calc(100% - 40px);
 }