Fix label color on focus

material-components · Aug 16, 2022 · fced170 · fced170
1 parent be8614a
commit fced170
Showing 1 changed file with 4 additions and 7 deletions.
diff --git a/plugin/assets/css/src/components/text-field.css b/plugin/assets/css/src/components/text-field.css
@@ -14,13 +14,6 @@
  *  limitations under the License.
  */
 
-
-.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
-	color: var(--md-sys-color-primary);
-}
-
-/* M2 style with m3 customisation */
-
 .mdc-floating-label {
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-font-smoothing: antialiased;
@@ -555,6 +548,10 @@
 	color: inherit;
 }
 
+.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
+	color: var(--md-sys-color-primary);
+}
+
 .mdc-text-field:not(.mdc-text-field--disabled) {
 	background-color: var(--md-sys-color-surface-variant, #f5f5f5);
 	color: var(--md-sys-color-on-surface-variant);