fix(input): attached buttons and labels in grouped state fields

action or labeled input fields don't have state border style for the buttons or labels when inside grouped fields
fomantic · Sep 3, 2020 · e1a8393 · e1a8393
1 parent b10cf9d
commit e1a8393
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less
@@ -437,26 +437,26 @@
     @state: replace(@key, '@', '');
     @borderColor: @formStates[@@state][borderColor];
 
-    .ui.form > .field.@{state} > .ui.action.input > .ui.button,
-    .ui.form > .field.@{state} > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
+    .ui.form .field.@{state} > .ui.action.input > .ui.button,
+    .ui.form .field.@{state} > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
     .ui.action.input.@{state} > .ui.button,
     .ui.labeled.input.@{state}:not([class*="corner labeled"]) > .ui.label {
       border-top: @borderWidth solid @borderColor;
       border-bottom: @borderWidth solid @borderColor;
     }
-    .ui.form > .field.@{state} > .ui[class*="left action"].input > .ui.button,
-    .ui.form > .field.@{state} > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
+    .ui.form .field.@{state} > .ui[class*="left action"].input > .ui.button,
+    .ui.form .field.@{state} > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
     .ui[class*="left action"].input.@{state} > .ui.button,
     .ui.labeled.input.@{state}:not(.right):not([class*="corner labeled"]) > .ui.label {
       border-left: @borderWidth solid @borderColor;
     }
-    .ui.form > .field.@{state} > .ui.action.input:not([class*="left action"]) > input + .ui.button,
-    .ui.form > .field.@{state} > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
+    .ui.form .field.@{state} > .ui.action.input:not([class*="left action"]) > input + .ui.button,
+    .ui.form .field.@{state} > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
     .ui.action.input.@{state}:not([class*="left action"]) > input + .ui.button,
     .ui.right.labeled.input.@{state}:not([class*="corner labeled"]) > input + .ui.label {
       border-right: @borderWidth solid @borderColor;
     }
-    .ui.form > .field.@{state} > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
+    .ui.form .field.@{state} > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
     .ui.right.labeled.input.@{state}:not([class*="corner labeled"]) > .ui.label:first-child {
       border-left: @borderWidth solid @borderColor;
     }