Browse Source

In-Menu input action button corrections.

Action button within menu had some sizing and positioning issues.

This attempts to fix it.

Tested with large, normal, small menus; .button, .icon.button, .labeled.button. All 9 combos.
pull/553/head
Tom 11 years ago
parent
commit
81ac1c91bb
1 changed files with 11 additions and 0 deletions
  1. 11
      src/collections/menu.less

11
src/collections/menu.less

@ -1790,6 +1790,10 @@
.ui.menu:not(.vertical) .item > .button.labeled > .icon { .ui.menu:not(.vertical) .item > .button.labeled > .icon {
padding-top: 0.6em; padding-top: 0.6em;
} }
.ui.menu:not(.vertical) .item .action.input > .button {
font-size: 0.8em;
padding: 0.55em 0.8em;
}
.ui.vertical.menu { .ui.vertical.menu {
width: 15rem; width: 15rem;
} }
@ -1806,6 +1810,13 @@
padding-bottom: 0.6em; padding-bottom: 0.6em;
padding-top: 0.6em; padding-top: 0.6em;
} }
.ui.large.menu:not(.vertical) .item .action.input > .button {
font-size: 0.8em;
padding: 0.9em;
}
.ui.large.menu:not(.vertical) .item .action.input > .button > .icon {
padding-top: 0.8em;
}
.ui.large.menu .dropdown.item .item { .ui.large.menu .dropdown.item .item {
font-size: 1rem; font-size: 1rem;
} }

Loading…
Cancel
Save