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

Adds css transitions to notification and unread statuses

Browse Source
This commit is contained in:
Mouse Reeve
2021-03-23 17:52:58 -07:00
parent 701487c526
commit 8d5630e059
3 changed files with 25 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
bookwyrm/static/css/format.css
View File

@ -34,6 +34,29 @@ html {
.hidden {
display: none !important;
}
.hidden.transition-y, .hidden.transition-x {
display: block !important;
visibility: hidden !important;
height: 0;
width: 0;
margin: 0;
padding: 0;
}
.transition-y {
transition-property: height, margin-top, margin-bottom, padding-top, padding-bottom;
transition-duration: 0.5s;
transition-timing-function: ease;
}
.transition-x {
transition-property: width, margin-left, margin-right, padding-left, padding-right;
transition-duration: 0.5s;
transition-timing-function: ease;
}
@media (prefers-reduced-motion: reduce) {
.transition-x, .transition-y {
transition-duration: 0.001ms !important;
}
}
/* --- STARS --- */
.rate-stars button.icon {