diff options
| author |  tobi <31960611+tsmethurst@users.noreply.github.com> | 2022-07-13 11:28:05 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2022-07-13 11:28:05 +0200 |
| commit | 1d5c737bbb2d9fe0624830591ce622347c84f314 (patch) | |
| tree | 919349a21f023360d7c71a03944d495d00359816 /web/source/css/base.css | |
| parent | [feature] Add back/next buttons to profiles for paging through statuses (#708) (diff) | |
| download | gotosocial-1d5c737bbb2d9fe0624830591ce622347c84f314.tar.xz | |
[bugfix] Fix profile card display issues on smaller screens w/responsive query (#696)
* add responsive media query to profile css
* break username on all screen sizes if necessary
* embed avatar inside header on smaller screen sizes
* align items to the left in small screen view
* more consistent profile scaling accross firefox and chrome
* simplify things a little bit
* make sure bio fits in profile
* word-break content if necessary
Co-authored-by: f0x <f0x@cthu.lu>
Diffstat (limited to 'web/source/css/base.css')
| -rw-r--r-- | web/source/css/base.css | 6 |
1 files changed, 0 insertions, 6 deletions
diff --git a/web/source/css/base.css b/web/source/css/base.css index 66dd8b838..0b09a9a90 100644 --- a/web/source/css/base.css +++ b/web/source/css/base.css @@ -50,9 +50,7 @@ body { min-height: 100%; min-width: 100%; - grid-template-columns: 1fr 50% 1fr; grid-template-columns: auto min(92%, 90ch) auto; - grid-template-rows: auto 1fr auto; } @@ -269,10 +267,6 @@ footer { } @media screen and (orientation: portrait) { - .page { - grid-template-columns: 1fr 92% 1fr; - } - header { text-align: center; } |