diff options
| author |  tobi <31960611+tsmethurst@users.noreply.github.com> | 2024-07-15 11:47:57 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2024-07-15 10:47:57 +0100 |
| commit | 9efb11d8485f8273f7d64d46f2675a78fc41d6e8 (patch) | |
| tree | c58847c1afc0d29110d06c8b6a7a24652f53dc6b /web/source/css | |
| parent | [chore]: Bump github.com/tdewolff/minify/v2 from 2.20.34 to 2.20.37 (#3106) (diff) | |
| download | gotosocial-9efb11d8485f8273f7d64d46f2675a78fc41d6e8.tar.xz | |
[feature/frontend] Add player for audio files; use thumbnail for `poster` (#3099)
* [feature/frontend] Audio player for audio media types
* use video preview images for previews instead of video itself
* don't preload
* update tests for new zork status
* collapse media gallery into single row when small
Diffstat (limited to 'web/source/css')
| -rw-r--r-- | web/source/css/status.css | 14 |
1 files changed, 13 insertions, 1 deletions
diff --git a/web/source/css/status.css b/web/source/css/status.css index 249033e02..5c7400654 100644 --- a/web/source/css/status.css +++ b/web/source/css/status.css @@ -336,6 +336,10 @@ main { grid-area: sensitive; align-self: center; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + .button { cursor: pointer; align-self: center; @@ -401,10 +405,18 @@ main { grid-column: span 2; } - &.odd .media-wrapper:first-child, &.double .media-wrapper { + &.odd .media-wrapper:first-child, + &.double .media-wrapper { grid-row: span 2; } + @media screen and (max-width: 42rem) { + .media-wrapper { + grid-column: span 2; + grid-row: span 2; + } + } + img { width: 100%; height: 100%; |