Browse Source

Simplify input button/labels inside menus #1289

pull/1378/head
jlukic 10 years ago
parent
commit
2391c7cb0c
2 changed files with 14 additions and 12 deletions
  1. 25
      src/definitions/collections/menu.less
  2. 1
      src/themes/default/collections/menu.variables

25
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
---------------*/

1
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;

Loading…
Cancel
Save