Fix primefaces#1040: Refactor Floating Label CSS.

melloware · Oct 10, 2019 · 656c857 · 656c857
1 parent 3c07302
commit 656c857
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 38 deletions.
diff --git a/src/components/common/Common.css b/src/components/common/Common.css
@@ -176,4 +176,24 @@ button {
 
 .p-toggleable-content-exit-done {
     display: none;
+}
+
+/* Floating Label */
+.p-float-label {
+    display: block;
+    position:relative; 
+}
+
+.p-float-label label {
+  font-weight:normal;
+  position:absolute;
+  pointer-events:none;
+  left: .25em;
+  top: 50%;
+  margin-top: -.5em;
+  transition: 0.3s ease all; 
+  -moz-transition: 0.3s ease all; 
+  -webkit-transition: 0.3s ease all;
+  color: #898989;
+  line-height: 1;
 }
diff --git a/src/components/inputtext/InputText.css b/src/components/inputtext/InputText.css
@@ -89,25 +89,6 @@
 }
 
 /* Floating Label */
-.p-float-label {
-    display: block;
-    position:relative; 
-}
-
-.p-float-label label {
-  font-weight:normal;
-  position:absolute;
-  pointer-events:none;
-  left: .25em;
-  top: 50%;
-  margin-top: -.5em;
-  transition: 0.3s ease all; 
-  -moz-transition: 0.3s ease all; 
-  -webkit-transition: 0.3s ease all;
-  color: #898989;
-  line-height: 1;
-}
-
 .p-float-label input:focus ~ label,
 .p-float-label input.p-filled ~ label,
 .p-float-label .p-inputwrapper-focus ~ label,

diff --git a/src/components/inputtextarea/InputTextarea.css b/src/components/inputtextarea/InputTextarea.css
@@ -8,25 +8,6 @@
 }
 
 /* Floating Label */
-.p-float-label {
-    display: block;
-    position:relative; 
-}
-
-.p-float-label label {
-  font-weight:normal;
-  position:absolute;
-  pointer-events:none;
-  left: .25em;
-  top: 50%;
-  margin-top: -.5em;
-  transition: 0.3s ease all; 
-  -moz-transition: 0.3s ease all; 
-  -webkit-transition: 0.3s ease all;
-  color: #898989;
-  line-height: 1;
-}
-
 .p-float-label textarea:focus ~ label,
 .p-float-label textarea.p-filled ~ label,
 .p-float-label .p-inputwrapper-focus ~ label,