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

Add Mobile styles

Browse Source
This commit is contained in:
Joachim
2021-05-02 21:34:43 +02:00
parent bbac0ad7ab
commit 4c021e6357
2 changed files with 25 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
bookwyrm/static/css/bookwyrm.css
View File

@ -47,6 +47,14 @@ body {
.m-0-mobile {
margin: 0 !important;
}
.card-footer.is-stacked-mobile {
flex-direction: column;
}
.card-footer.is-stacked-mobile .card-footer-item:not(:last-child) {
border-bottom: 1px solid #ededed;
border-right: 0;
}
}
.button.is-transparent {
@ -352,19 +360,20 @@ body {
ol.ordered-list {
list-style: none;
counter-reset: books;
counter-reset: list-counter;
}
ol.ordered-list li {
counter-increment: books;
counter-increment: list-counter;
}
ol.ordered-list li::before {
content: counter(books);
content: counter(list-counter);
position: absolute;
left: -20px;
width: 20px;
height: 24px;
background-color: #fff;
border: 1px solid #dbdbdb;
border-right: 0;
border-top-left-radius: 2px;
@ -376,3 +385,15 @@ ol.ordered-list li::before {
font-size: 0.8em;
font-weight: bold;
}
@media only screen and (max-width: 768px) {
ol.ordered-list li::before {
left: 0;
z-index: 1;
border: 0;
border-right: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
border-radius: 0;
border-bottom-right-radius: 2px;
}
}