Browse Source

Change default star rating to use unfilled stars instead of empty stars

pull/1129/head
jlukic 10 years ago
parent
commit
4d9cad397e
2 changed files with 10 additions and 6 deletions
  1. 10
      src/themes/packages/default/modules/rating.overrides
  2. 6
      src/themes/packages/default/modules/rating.variables

10
src/themes/packages/default/modules/rating.overrides

@ -34,9 +34,9 @@
Star Star
--------------------*/ --------------------*/
/* Empty Star */
/* Unfilled Star */
.ui.star.rating .icon:before { .ui.star.rating .icon:before {
content: '\f006';
content: '\f005';
} }
/* Active Star */ /* Active Star */
.ui.star.rating .active.icon:before { .ui.star.rating .active.icon:before {
@ -55,10 +55,14 @@
Heart Heart
--------------------*/ --------------------*/
/* Empty Heart */
/* Empty Heart
.ui.heart.rating .icon:before { .ui.heart.rating .icon:before {
content: '\f08a'; content: '\f08a';
} }
*/
.ui.heart.rating .icon:before {
content: '\f004';
}
/* Active */ /* Active */
.ui.heart.rating .active.icon:before { .ui.heart.rating .active.icon:before {
content: '\f004'; content: '\f004';

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

@ -18,7 +18,7 @@
/* Star */ /* Star */
@starIconHitbox: @iconHitbox; @starIconHitbox: @iconHitbox;
@starInactiveColor: @inactiveColor; @starInactiveColor: @inactiveColor;
@starHoverColor: #FFB70A;
@starSelectedColor: #FFB70A;
@starActiveColor: #FFE623; @starActiveColor: #FFE623;
@starActiveShadow: @starActiveShadow:
0px -1px 0px #CFA300, 0px -1px 0px #CFA300,
@ -30,7 +30,7 @@
/* Heart */ /* Heart */
@heartIconHitbox: 1.2em; @heartIconHitbox: 1.2em;
@heartInactiveColor: @inactiveColor; @heartInactiveColor: @inactiveColor;
@heartHoverColor: #FF2733;
@heartSelectedColor: #FF2733;
@heartActiveColor: #EF404A; @heartActiveColor: #EF404A;
@heartActiveShadow: @heartActiveShadow:
0px -1px 0px #EF404A, 0px -1px 0px #EF404A,
@ -49,7 +49,7 @@
@activeColor: @darkTextColor; @activeColor: @darkTextColor;
@interactiveIconOpacity: 0.5; @interactiveIconOpacity: 0.5;
@interactiveHoveredIconOpacity: 1;
@interactiveSelectedIconOpacity: 1;
/*------------------- /*-------------------
Variations Variations

Loading…
Cancel
Save