diff --git a/CHANGE.md b/CHANGE.md index 2da7481..6a05bcb 100644 --- a/CHANGE.md +++ b/CHANGE.md @@ -6,8 +6,9 @@ Change Log: `bootstrap-star-rating` **Date:** 15-Sep-2018 - Enhancements to support Bootstrap v4.x. -- Enhance styling of stars for all rating sizes and themes. +- Better styling of stars for the 5 rating sizes and maintain consistency across themes. - (enh #187): Add Kazakh translations. +- (enh #184): Correct rating-input style to keep it hidden - yet trigger required validation. - (enh #182): New Krajee Font Awesome 5.x `fas` theme. - (bug #177, enh #179): New property `showCaptionAsTitle` - Useful for caption to be displayed as title for readonly ratings. diff --git a/css/star-rating.css b/css/star-rating.css index 349fbac..4e6f13e 100644 --- a/css/star-rating.css +++ b/css/star-rating.css @@ -39,6 +39,7 @@ font-size: 1px; border: none; background: none; + opacity: 0; padding: 0; margin: 0; } diff --git a/css/star-rating.min.css b/css/star-rating.min.css index 7fe03bb..fbdcee8 100644 --- a/css/star-rating.min.css +++ b/css/star-rating.min.css @@ -7,4 +7,4 @@ * * Licensed under the BSD 3-Clause * https://github.com/kartik-v/bootstrap-star-rating/blob/master/LICENSE.md - */.rating-loading{width:25px;height:25px;font-size:0;color:#fff;background:url(../img/loading.gif) top left no-repeat;border:none}.rating-container .rating-stars{position:relative;cursor:pointer;vertical-align:middle;display:inline-block;overflow:hidden;white-space:nowrap}.rating-container .rating-input{position:absolute;cursor:pointer;width:100%;height:1px;bottom:0;left:0;font-size:1px;border:none;background:0 0;padding:0;margin:0}.rating-container.is-display-only .rating-input,.rating-container.is-display-only .rating-stars{cursor:default}.rating-disabled .rating-input,.rating-disabled .rating-stars{cursor:not-allowed}.rating-container .star{display:inline-block;margin:0 2px;text-align:center}.rating-container .empty-stars{color:#aaa}.rating-container .filled-stars{position:absolute;left:0;top:0;margin:auto;color:#fde16d;white-space:nowrap;overflow:hidden;-webkit-text-stroke:1px #777;text-shadow:1px 1px #999}.rating-rtl{float:right}.rating-animate .filled-stars{transition:width .25s ease}.rating-rtl .filled-stars{left:auto;right:0;transition:none;-webkit-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0)}.rating-rtl.is-star .filled-stars{right:.06em}.rating-rtl.is-heart .empty-stars{margin-right:.07em}.rating-container .clear-rating{color:#aaa;cursor:not-allowed;display:inline-block;vertical-align:middle;font-size:60%;padding-right:5px}.clear-rating-active{cursor:pointer!important}.clear-rating-active:hover{color:#843534}.rating-container .caption .label{display:inline-block;padding:.25em .4em;line-height:1;text-align:center;vertical-align:baseline;border-radius:.25rem}.rating-container .caption{color:#999;display:inline-block;vertical-align:middle;line-height:1;margin-left:5px;margin-right:0}.rating-rtl .caption{margin-right:5px;margin-left:0}@media print{.rating-container .clear-rating{display:none}}.rating-xl{font-size:48px}.rating-lg{font-size:40px}.rating-md{font-size:32px}.rating-sm{font-size:24px}.rating-xs{font-size:16px}.rating-xl .caption{font-size:20px}.rating-lg .caption{font-size:18px}.rating-md .caption{font-size:16px}.rating-sm .caption{font-size:14px}.rating-xs .caption{font-size:12px} \ No newline at end of file + */.rating-loading{width:25px;height:25px;font-size:0;color:#fff;background:url(../img/loading.gif) top left no-repeat;border:none}.rating-container .rating-stars{position:relative;cursor:pointer;vertical-align:middle;display:inline-block;overflow:hidden;white-space:nowrap}.rating-container .rating-input{position:absolute;cursor:pointer;width:100%;height:1px;bottom:0;left:0;font-size:1px;border:none;background:0 0;opacity:0;padding:0;margin:0}.rating-container.is-display-only .rating-input,.rating-container.is-display-only .rating-stars{cursor:default}.rating-disabled .rating-input,.rating-disabled .rating-stars{cursor:not-allowed}.rating-container .star{display:inline-block;margin:0 2px;text-align:center}.rating-container .empty-stars{color:#aaa}.rating-container .filled-stars{position:absolute;left:0;top:0;margin:auto;color:#fde16d;white-space:nowrap;overflow:hidden;-webkit-text-stroke:1px #777;text-shadow:1px 1px #999}.rating-rtl{float:right}.rating-animate .filled-stars{transition:width .25s ease}.rating-rtl .filled-stars{left:auto;right:0;transition:none;-webkit-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0)}.rating-rtl.is-star .filled-stars{right:.06em}.rating-rtl.is-heart .empty-stars{margin-right:.07em}.rating-container .clear-rating{color:#aaa;cursor:not-allowed;display:inline-block;vertical-align:middle;font-size:60%;padding-right:5px}.clear-rating-active{cursor:pointer!important}.clear-rating-active:hover{color:#843534}.rating-container .caption .label{display:inline-block;padding:.25em .4em;line-height:1;text-align:center;vertical-align:baseline;border-radius:.25rem}.rating-container .caption{color:#999;display:inline-block;vertical-align:middle;line-height:1;margin-left:5px;margin-right:0}.rating-rtl .caption{margin-right:5px;margin-left:0}@media print{.rating-container .clear-rating{display:none}}.rating-xl{font-size:48px}.rating-lg{font-size:40px}.rating-md{font-size:32px}.rating-sm{font-size:24px}.rating-xs{font-size:16px}.rating-xl .caption{font-size:20px}.rating-lg .caption{font-size:18px}.rating-md .caption{font-size:16px}.rating-sm .caption{font-size:14px}.rating-xs .caption{font-size:12px} \ No newline at end of file diff --git a/themes/krajee-fas/theme.css b/themes/krajee-fas/theme.css index af07dc4..649fd4f 100644 --- a/themes/krajee-fas/theme.css +++ b/themes/krajee-fas/theme.css @@ -5,10 +5,6 @@ * @see http://github.com/kartik-v/bootstrap-star-rating * @author Kartik Visweswaran */ -.theme-krajee-fas .clear-rating { - margin: 0 1px 0 0; -} - -.theme-krajee-fas.rating-rtl.is-star .empty-stars { - margin-right: 2px; +.theme-krajee-fas.rating-rtl.is-star .filled-stars { + right: 0; } \ No newline at end of file diff --git a/themes/krajee-fas/theme.min.css b/themes/krajee-fas/theme.min.css index 520a10c..a031d04 100644 --- a/themes/krajee-fas/theme.min.css +++ b/themes/krajee-fas/theme.min.css @@ -4,4 +4,4 @@ * * @see http://github.com/kartik-v/bootstrap-star-rating * @author Kartik Visweswaran - */.theme-krajee-fas .clear-rating{margin:0 1px 0 0}.theme-krajee-fas.rating-rtl.is-star .empty-stars{margin-right:2px} \ No newline at end of file + */.theme-krajee-fas.rating-rtl.is-star .filled-stars{right:0} \ No newline at end of file