From da5003c45e93ac9e531207e077eabddaba0ddd4e Mon Sep 17 00:00:00 2001 From: Mouse Reeve Date: Fri, 10 Sep 2021 14:56:45 -0700 Subject: [PATCH] Fixes hover states --- bookwyrm/static/css/bookwyrm.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/bookwyrm/static/css/bookwyrm.css b/bookwyrm/static/css/bookwyrm.css index 41793cf54..000ab6ca7 100644 --- a/bookwyrm/static/css/bookwyrm.css +++ b/bookwyrm/static/css/bookwyrm.css @@ -170,33 +170,41 @@ body { content: '\e9d9'; /* icon-star-full */ } - /* Icons directly following half star inputs are marked as half */ .form-rate-stars input.half:checked ~ .icon::before { content: '\e9d8'; /* icon-star-half */ } +/* stylelint-disable no-descending-specificity */ +.form-rate-stars input.half:checked + input + .icon:hover::before { + content: '\e9d8' !important; /* icon-star-half */ +} + /* Icons directly following half check inputs that follow the checked input are emptied. */ .form-rate-stars input.half:checked + input + .icon ~ .icon::before { content: '\e9d7'; /* icon-star-empty */ } /* Icons directly following inputs that follow the checked input are emptied. */ +/* stylelint-disable no-descending-specificity */ .form-rate-stars input:checked ~ input + .icon::before { content: '\e9d7'; /* icon-star-empty */ } + /* Icons directly following inputs that follow the checked input are emptied. */ +/* stylelint-disable no-descending-specificity */ .form-rate-stars input:checked ~ input + .icon::before { content: '\e9d7'; /* icon-star-empty */ } /* When a label is hovered, repeat the fill-all-then-empty-following pattern. */ .form-rate-stars:hover .icon.icon::before { - content: '\e9d9'; /* icon-star-full */ + content: '\e9d9' !important; /* icon-star-full */ } +/* stylelint-disable no-descending-specificity */ .form-rate-stars .icon:hover ~ .icon::before { - content: '\e9d7'; /* icon-star-empty */ + content: '\e9d7' !important; /* icon-star-empty */ } /** Book covers