docs: added class to labels of disabled fields

cordeliadillon · Sep 21, 2022 · 7325c14 · 7325c14
1 parent 33bff08
commit 7325c14
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/docs/_includes/field.html b/docs/_includes/field.html
@@ -376,13 +376,13 @@ <h3 id="field-disabled">Disabled Field</h3>
     <div class="demo">
         <div class="demo__inner">
             <span class="field">
-                <label class="field__label" for="field-disabled-1">Field 1</label>
+                <label class="field__label field__label--disabled" for="field-disabled-1">Field 1</label>
                 <span class="field__control textbox">
                     <input class="textbox__control" id="field-disabled-1" type="text" value="placeholder text" disabled />
                 </span>
             </span>
             <span class="field">
-                <label class="field__label" for="field-disabled-2">Field 2</label>
+                <label class="field__label field__label--disabled" for="field-disabled-2">Field 2</label>
                 <span class="field__control">
                     <span class="select">
                         <select name="field-disabled-2" id="field-disabled-2" disabled>
@@ -397,7 +397,7 @@ <h3 id="field-disabled">Disabled Field</h3>
                 </span>
             </span>
             <span class="field">
-                <label class="field__label" for="field-disabled-3">Field 3</label>
+                <label class="field__label field__label--disabled" for="field-disabled-3">Field 3</label>
                 <span class="field__control switch switch--form">
                     <input disabled aria-label="Switch Demo" class="switch__control" role="switch" type="checkbox" id="field-disabled-3" />
                     <span class="switch__button"></span>
@@ -408,13 +408,13 @@ <h3 id="field-disabled">Disabled Field</h3>
 
     {% highlight html %}
 <span class="field">
-    <label class="field__label" for="email">Field 1</label>
+    <label class="field__label field__label--disabled" for="email">Field 1</label>
     <span class="field__control textbox">
         <input class="textbox__control" id="field1" type="text" value="placeholder text" disabled />
     </span>
 </span>
 <span class="field">
-    <label class="field__label" for="size">Field 2</label>
+    <label class="field__label field__label--disabled" for="size">Field 2</label>
     <span class="field__control">
         <span class="select">
             <select name="field2" id="field2" disabled>
@@ -429,7 +429,7 @@ <h3 id="field-disabled">Disabled Field</h3>
     </span>
 </span>
 <span class="field">
-    <label class="field__label" for="field3">Field 3</label>
+    <label class="field__label field__label--disabled" for="field3">Field 3</label>
     <span class="field__control switch">
         <input disabled aria-label="Switch Demo" class="switch__control" role="switch" type="checkbox" id="field3" />
         <span class="switch__button"></span>