Simplify input button/labels inside menus #1289

fomantic · Dec 2, 2014 · 2391c7c · 2391c7c
1 parent 88a6dc6
commit 2391c7c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 12 deletions.
diff --git a/src/definitions/collections/menu.less b/src/definitions/collections/menu.less
@@ -194,11 +194,10 @@
   padding-top: @inputVerticalPadding;
   padding-bottom: @inputVerticalPadding;
 }
-
-/* Action Input */
-.ui.menu:not(.vertical) .item .action.input > .button {
-  font-size: @buttonSize;
-  padding: @buttonVerticalPadding @actionButtonHorizontalPadding;
+.ui.menu .item > .input .button,
+.ui.menu .item > .input .label {
+  padding-top: @inputVerticalPadding;
+  padding-bottom: @inputVerticalPadding;
 }
 
 /* Resizes */
@@ -207,19 +206,23 @@
   padding-top: @smallInputVerticalPadding;
   padding-bottom: @smallInputVerticalPadding;
 }
+.ui.small.menu .item > .input .button,
+.ui.small.menu .item > .input .label {
+  padding-top: @smallInputVerticalPadding;
+  padding-bottom: @smallInputVerticalPadding;
+}
 .ui.large.menu .item > .input input {
   top: @largeInputOffset;
   padding-bottom: @largeInputVerticalPadding;
   padding-top: @largeInputVerticalPadding;
 }
-
-.ui.large.menu .item .action.input > .button {
-  padding: 0.9em;
-}
-.ui.large.menu .item .action.input > .button > .icon {
-  padding-top: 0.8em;
+.ui.large.menu .item > .input .button,
+.ui.large.menu .item > .input .label {
+  padding-top: @largeInputVerticalPadding;
+  padding-bottom: @largeInputVerticalPadding;
 }
 
+
 /*--------------
      Header
 ---------------*/

diff --git a/src/themes/default/collections/menu.variables b/src/themes/default/collections/menu.variables
@@ -93,7 +93,6 @@
 @buttonOffset: -0.05em;
 @buttonVerticalPadding: 0.55em;
 @buttonSize: 0.875em;
-@actionButtonHorizontalPadding: 0.8em;
 
 /* Input */
 @inputSize: 1em;