Refactor #1040

primefaces · Oct 14, 2019 · f6ebc0b · f6ebc0b
1 parent 60c0fa4
commit f6ebc0b
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 13 deletions.
diff --git a/src/components/common/Common.css b/src/components/common/Common.css
@@ -184,7 +184,7 @@ button {
     position:relative; 
 }
 
-.p-float-label label {
+.p-float-label > label {
   font-weight:normal;
   position:absolute;
   pointer-events:none;

diff --git a/src/components/inputtext/InputText.css b/src/components/inputtext/InputText.css
@@ -89,15 +89,15 @@
 }
 
 /* Floating Label */
-.p-float-label input:focus ~ label,
-.p-float-label input.p-filled ~ label,
-.p-float-label .p-inputwrapper-focus ~ label,
-.p-float-label .p-inputwrapper-filled ~ label {
+.p-float-label > input:focus ~ label,
+.p-float-label > input.p-filled ~ label,
+.p-float-label > .p-inputwrapper-focus ~ label,
+.p-float-label > .p-inputwrapper-filled ~ label {
   top:-.75em;
   font-size:12px;
 }
 
-.p-float-label .input:-webkit-autofill ~ label {
-  top:-20px;
+.p-float-label > input:-webkit-autofill ~ label {
+  top:-.75em;
   font-size:12px;
 }
diff --git a/src/components/inputtextarea/InputTextarea.css b/src/components/inputtextarea/InputTextarea.css
@@ -8,15 +8,18 @@
 }
 
 /* Floating Label */
-.p-float-label textarea:focus ~ label,
-.p-float-label textarea.p-filled ~ label,
-.p-float-label .p-inputwrapper-focus ~ label,
-.p-float-label .p-inputwrapper-filled ~ label {
+.p-float-label > textarea ~ label {
+  left: .25em;
+  top: .75em;
+}
+
+.p-float-label > textarea:focus ~ label,
+.p-float-label > textarea.p-filled ~ label {
   top:-.75em;
   font-size:12px;
 }
 
-.p-float-label .textarea:-webkit-autofill ~ label {
-  top:-20px;
+.p-float-label > textarea:-webkit-autofill ~ label {
+  top:-.75em;
   font-size:12px;
 }