yul/bookwyrm-mastodon
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Clickable star rating form

Browse Source
This commit is contained in:
Mouse Reeve
2020-04-03 16:19:11 -07:00
parent 07191a0bc9
commit 3aeeaa80e7
5 changed files with 36 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
fedireads/static/format.css
View File

@ -326,7 +326,7 @@ button .icon {
display: inline;
width: min-content;
}
.rate-stars form button.icon {
.rate-stars button.icon {
background: none;
border: none;
padding: 0;
@ -336,10 +336,35 @@ button .icon {
.rate-stars:hover .icon:before {
content: '\e9d9';
}
.rate-stars label {
display: inline;
}
.rate-stars form:hover ~ form .icon:before{
content: '\e9d7';
}
.rate-stars input + .icon:before {
content: '\e9d9';
}
.rate-stars input:checked + .icon:before {
content: '\e9d9';
}
.rate-stars input:checked + * ~ .icon:before {
content: '\e9d7';
}
.rate-stars:hover label.icon:before {
content: '\e9d9';
}
.rate-stars label.icon:hover:before {
content: '\e9d9';
}
.rate-stars label.icon:hover ~ label.icon:before{
content: '\e9d7';
}
.rate-stars input[type="radio"] {
display: none;
}
/* re-usable tab styles */
.tabs {
display: flex;