fix (web components): text-field label hidden styles ordering (#16355)

* move text-field label__hidden styles below main label styles for proper order * Change files Co-authored-by: Seth Donohue <sethdonohue@Admins-MBP.guest.corp.microsoft.com>
microsoft · Jan 4, 2021 · 887a5e9 · 887a5e9
1 parent 6b777ec
commit 887a5e9
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/...web-components-2021-01-04-11-24-25-users-v-sedono-fix-text-field-label-hidden-styles.json b/...web-components-2021-01-04-11-24-25-users-v-sedono-fix-text-field-label-hidden-styles.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "move text-field label__hidden styles below main label styles for proper order",
+  "packageName": "@fluentui/web-components",
+  "email": "sethdonohue@Admins-MBP.guest.corp.microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2021-01-04T19:24:25.182Z"
+}
diff --git a/packages/web-components/src/text-field/text-field.styles.ts b/packages/web-components/src/text-field/text-field.styles.ts
@@ -55,11 +55,6 @@ export const TextFieldStyles = css`
         outline: none;
     }
 
-    .label__hidden {
-        display: none;
-        visibility: hidden;
-    }
-
     .label {
         display: block;
         color: ${neutralForegroundRestBehavior.var};
@@ -68,6 +63,11 @@ export const TextFieldStyles = css`
         line-height: var(--type-ramp-base-line-height);
         margin-bottom: 4px;
     }
+   
+    .label__hidden {
+      display: none;
+      visibility: hidden;
+    }
 
     .start,
     .end {