fix(input): icon inputs have wrong padding when inside menus

When icon inputs where used inside of menus their padding was not correct anymore because of too low specificity
fomantic · Oct 18, 2019 · fdae269 · fdae269
1 parent c0f446c
commit fdae269
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less
@@ -223,11 +223,11 @@
 :not(.field) > .ui.transparent.icon.input > i.icon {
   width: @transparentIconWidth;
 }
-:not(.field) > .ui.transparent.icon.input > input {
+:not(.field) > .ui.ui.ui.transparent.icon.input > input {
   padding-left: 0;
   padding-right: @transparentIconMargin;
 }
-:not(.field) > .ui.transparent[class*="left icon"].input > input {
+:not(.field) > .ui.ui.ui.transparent[class*="left icon"].input > input {
   padding-left: @transparentIconMargin;
   padding-right: 0;
 }
@@ -274,8 +274,8 @@
 .ui.icon.input > i.icon:not(.link) {
   pointer-events: none;
 }
-.ui.ui.icon.input > textarea,
-.ui.ui.icon.input > input {
+.ui.ui.ui.ui.icon.input > textarea,
+.ui.ui.ui.ui.icon.input > input {
   padding-right: @iconMargin;
 }
 
@@ -306,8 +306,8 @@
   right: auto;
   left: @circularIconHorizontalOffset;
 }
-.ui.ui[class*="left icon"].input > textarea,
-.ui.ui[class*="left icon"].input > input {
+.ui.ui.ui.ui[class*="left icon"].input > textarea,
+.ui.ui.ui.ui[class*="left icon"].input > input {
   padding-left: @iconMargin;
   padding-right: @horizontalPadding;
 }