Browse Source

Fix rating vertical alignment

pull/993/head
jlukic 10 years ago
parent
commit
12d90eb5d3
2 changed files with 9 additions and 3 deletions
  1. 7
      src/definitions/modules/rating.less
  2. 5
      src/themes/packages/default/modules/rating.variables

7
src/definitions/modules/rating.less

@ -53,6 +53,7 @@
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
vertical-align: top;
} }
/******************************* /*******************************
@ -159,10 +160,14 @@
} }
.ui.large.rating .icon { .ui.large.rating .icon {
font-size: @large; font-size: @large;
vertical-align: @oversizedVerticalAlign;
} }
.ui.huge.rating .icon { .ui.huge.rating .icon {
font-size: @huge; font-size: @huge;
}
/* Realign */
.ui.large.rating,
.ui.huge.rating {
vertical-align: @oversizedVerticalAlign; vertical-align: @oversizedVerticalAlign;
} }

5
src/themes/packages/default/modules/rating.variables

@ -4,7 +4,9 @@
@display: inline-block; @display: inline-block;
@margin: 0em 0.5rem 0em 0em; @margin: 0em 0.5rem 0em 0em;
@verticalAlign: middle;
@verticalAlign: top;
@oversizedVerticalAlign: middle;
@iconHitbox: 1.2em; @iconHitbox: 1.2em;
@inactiveColor: rgba(0, 0, 0, 0.15); @inactiveColor: rgba(0, 0, 0, 0.15);
@ -42,4 +44,3 @@
@medium: 16px; @medium: 16px;
@large: 24px; @large: 24px;
@huge: 28px; @huge: 28px;
@oversizedVerticalAlign: middle;
Loading…
Cancel
Save