Browse Source

Fixes doubling grid to be wider in most instances for columns, fixes menu inputs in vertical menu

pull/912/head
jlukic 10 years ago
parent
commit
d78e6d5414
2 changed files with 17 additions and 13 deletions
  1. 25
      src/definitions/collections/grid.less
  2. 5
      src/definitions/collections/menu.less

25
src/definitions/collections/grid.less

@ -699,8 +699,12 @@ body > .ui.grid {
Doubling
--------------------*/
/* Mobily Only */
@media only screen and (max-width : (@tabletBreakpoint - 1px)) {
.ui.doubling.grid > .row {
display: inline;
}
.ui.two.column.doubling.grid > .row > .column,
.ui.two.column.doubling.grid > .column,
.ui.grid > .two.column.doubling.row > .column {
@ -709,17 +713,17 @@ body > .ui.grid {
.ui.three.column.doubling.grid > .row > .column,
.ui.three.column.doubling.grid > .column,
.ui.grid > .three.column.doubling.row > .column {
width: @oneColumn;
width: @twoColumn;
}
.ui.four.column.doubling.grid > .row > .column,
.ui.four.column.doubling.grid > .column,
.ui.grid > .four.column.doubling.row > .column {
width: @oneColumn;
width: @twoColumn;
}
.ui.five.column.doubling.grid > .row > .column,
.ui.five.column.doubling.grid > .column,
.ui.grid > .five.column.doubling.row > .column {
width: @oneColumn;
width: @twoColumn;
}
.ui.six.column.doubling.grid > .row > .column,
.ui.six.column.doubling.grid > .column,
@ -729,32 +733,32 @@ body > .ui.grid {
.ui.seven.column.doubling.grid > .row > .column,
.ui.seven.column.doubling.grid > .column,
.ui.grid > .seven.column.doubling.row > .column {
width: @twoColumn;
width: @threeColumn;
}
.ui.eight.column.doubling.grid > .row > .column,
.ui.eight.column.doubling.grid > .column,
.ui.grid > .eight.column.doubling.row > .column {
width: @twoColumn;
width: @threeColumn;
}
.ui.nine.column.doubling.grid > .row > .column,
.ui.nine.column.doubling.grid > .column,
.ui.grid > .nine.column.doubling.row > .column {
width: @twoColumn;
width: @threeColumn;
}
.ui.ten.column.doubling.grid > .row > .column,
.ui.ten.column.doubling.grid > .column,
.ui.grid > .ten.column.doubling.row > .column {
width: @twoColumn;
width: @threeColumn;
}
.ui.twelve.column.doubling.grid > .row > .column,
.ui.twelve.column.doubling.grid > .column,
.ui.grid > .twelve.column.doubling.row > .column {
width: @threeColumn;
width: @fourColumn;
}
.ui.fourteen.column.doubling.grid > .row > .column,
.ui.fourteen.column.doubling.grid > .column,
.ui.grid > .fourteen.column.doubling.row > .column {
width: @threeColumn;
width: @fourColumn;
}
.ui.sixteen.column.doubling.grid > .row > .column,
.ui.sixteen.column.doubling.grid > .column,
@ -765,6 +769,9 @@ body > .ui.grid {
/* Tablet Only */
@media only screen and (min-width : @tabletBreakpoint) and (max-width : (@computerBreakpoint - 1px)) {
.ui.doubling.grid > .row {
display: inline;
}
.ui.two.column.doubling.grid > .row > .column,
.ui.two.column.doubling.grid > .column,
.ui.grid > .two.column.doubling.row > .column {

5
src/definitions/collections/menu.less

@ -205,9 +205,6 @@
padding-top: @inputVerticalPadding;
padding-bottom: @inputVerticalPadding;
}
.ui.vertical.menu .ui.input > .icon {
padding-top: @inputVerticalPadding;
}
/* Labeled Button */
.ui.menu:not(.vertical) .item > .labeled.button > .icon {
@ -1636,4 +1633,4 @@
width: @largeWidth;
}
.loadUIOverrides();
.loadUIOverrides();
Loading…
Cancel
Save