Keep reload buttons' position fixed on scroll (#1573)

* Makes reload buttons' position fixed

* Changes reload buttons' positions to absolute on narrow enough screens

Co-authored-by: Preston <freetubeapp@protonmail.com>
This commit is contained in:
Jason 2021-08-20 18:15:33 +00:00 committed by GitHub
parent d57d7b9b6e
commit 539b084217
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 21 additions and 3 deletions

View File

@ -5,11 +5,17 @@
} }
.floatingTopButton { .floatingTopButton {
position: absolute; position: fixed;
top: 70px; top: 70px;
right: 10px; right: 10px;
} }
@media only screen and (max-width: 350px) {
.floatingTopButton {
position: absolute
}
}
@media only screen and (max-width: 680px) { @media only screen and (max-width: 680px) {
.card { .card {
width: 90%; width: 90%;

View File

@ -9,11 +9,17 @@
} }
.floatingTopButton { .floatingTopButton {
position: absolute; position: fixed;
top: 70px; top: 70px;
right: 10px; right: 10px;
} }
@media only screen and (max-width: 350px) {
.floatingTopButton {
position: absolute
}
}
@media only screen and (max-width: 680px) { @media only screen and (max-width: 680px) {
.card { .card {
width: 90%; width: 90%;

View File

@ -5,11 +5,17 @@
} }
.floatingTopButton { .floatingTopButton {
position: absolute; position: fixed;
top: 70px; top: 70px;
right: 10px; right: 10px;
} }
@media only screen and (max-width: 350px) {
.floatingTopButton {
position: absolute
}
}
@media only screen and (max-width: 680px) { @media only screen and (max-width: 680px) {
.card { .card {
width: 90%; width: 90%;