fix rating styles -- this isn't great, but the loaders just work better this way, calling it scss and customizing it slightly.

This commit is contained in:
Dannon Baker
2018-10-24 16:24:19 -04:00
parent 129153a542
commit 743d3b32f2
5 changed files with 45 additions and 14 deletions

Before

Width:  |  Height:  |  Size: 752 B

After

Width:  |  Height:  |  Size: 752 B

Before

Width:  |  Height:  |  Size: 815 B

After

Width:  |  Height:  |  Size: 815 B

-12
View File
@@ -1,12 +0,0 @@
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(../images/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(../images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
+1 -2
View File
@@ -16,8 +16,7 @@ $fa-font-path: "../../../node_modules/font-awesome/fonts/";
}
@import "select2.scss";
// TODO: import sub-styles here, for bundling?
// @import "jquery.rating.css";
@import "jquery.rating.scss";
/* fix for zero width select2 - remove when fixed there */
.select2-minwidth {
@@ -0,0 +1,44 @@
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,
div.star-rating {
float: left;
width: 17px;
height: 15px;
text-indent: -999em;
cursor: pointer;
display: block;
background: transparent;
overflow: hidden;
}
div.rating-cancel,
div.rating-cancel a {
background: url(../../images/delete.gif) no-repeat 0 -16px;
}
div.star-rating,
div.star-rating a {
background: url(../../images/star.gif) no-repeat 0 0px;
}
div.rating-cancel a,
div.star-rating a {
display: block;
width: 16px;
height: 100%;
background-position: 0 0px;
border: 0;
}
div.star-rating-on a {
background-position: 0 -16px !important;
}
div.star-rating-hover a {
background-position: 0 -32px;
}
/* Read Only CSS */
div.star-rating-readonly a {
cursor: default !important;
}
/* Partial Star CSS */
div.star-rating {
background: transparent !important;
overflow: hidden !important;
}
/* END jQuery.Rating Plugin CSS */