diff options
| author | Neo <50623835+neobooru@users.noreply.github.com> | 2024-04-26 22:56:58 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-04-26 22:56:58 +0200 |
| commit | 6edb25d87b24db087fdf6496552a31979a7c2ec8 (patch) | |
| tree | 1923a5caf037f61090d8455292675e3555e7cdc3 /client/css | |
| parent | 93fc15f2a4a4a50424e38831bed086c3ee6fd9d1 (diff) | |
| parent | c1c695f082f53819f092a535aa08125e3f3f48bb (diff) | |
Merge pull request #641 from po5/mobile
Mobile improvements
Diffstat (limited to 'client/css')
| -rw-r--r-- | client/css/post-list-view.styl | 3 | ||||
| -rw-r--r-- | client/css/post-main-view.styl | 49 |
2 files changed, 30 insertions, 22 deletions
diff --git a/client/css/post-list-view.styl b/client/css/post-list-view.styl index 7f6aa80..e4f75d5 100644 --- a/client/css/post-list-view.styl +++ b/client/css/post-list-view.styl @@ -187,6 +187,9 @@ vertical-align: top @media (max-width: 1000px) display: block + &.bulk-edit-tags:not(.opened), &.bulk-edit-safety:not(.opened) + float: left + margin-right: 1em input margin-bottom: 0.25em margin-right: 0.25em diff --git a/client/css/post-main-view.styl b/client/css/post-main-view.styl index e643dfb..1183cce 100644 --- a/client/css/post-main-view.styl +++ b/client/css/post-main-view.styl @@ -15,38 +15,42 @@ border: 0 outline: 0 - nav.buttons - margin-top: 0 - display: flex - flex-wrap: wrap - article - flex: 1 0 33% - a - display: inline-block - width: 100% - padding: 0.3em 0 - text-align: center - vertical-align: middle - transition: background 0.2s linear, box-shadow 0.2s linear - &:not(.inactive):hover - background: lighten($main-color, 90%) - i - font-size: 140% + >.sidebar>nav.buttons, >.content nav.buttons + margin-top: 0 + display: flex + flex-wrap: wrap + article + flex: 1 0 33% + a + display: inline-block + width: 100% + padding: 0.3em 0 text-align: center - @media (max-width: 800px) - margin-top: 2em + vertical-align: middle + transition: background 0.2s linear, box-shadow 0.2s linear + &:not(.inactive):hover + background: lighten($main-color, 90%) + i + font-size: 140% + text-align: center + @media (max-width: 800px) + margin-top: 0.6em + margin-bottom: 0.6em >.content width: 100% .post-container - margin-bottom: 2em + margin-bottom: 0.6em .post-content margin: 0 + .after-mobile-controls + width: 100% + .darktheme .post-view - >.sidebar + >.sidebar, >.content nav.buttons article a:not(.inactive):hover @@ -56,6 +60,8 @@ @media (max-width: 800px) .post-view flex-wrap: wrap + >.after-mobile-controls + order: 3 >.sidebar order: 2 min-width: 100% @@ -113,7 +119,6 @@ h1 margin-bottom: 0.5em .thumbnail - background-position: 50% 30% width: 4em height: 3em li |