diff options
| author |  tobi <31960611+tsmethurst@users.noreply.github.com> | 2023-11-10 19:29:26 +0100 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2023-11-10 19:29:26 +0100 |
| commit | ba9d6b467a1f03447789844048d913738c843569 (patch) | |
| tree | 5a464ee4a33f26e3284179582ab6d3332d9d5388 /web/source/css | |
| parent | [chore/bugfix/horror] Allow `expires_in` and poll choices to be parsed from s... (diff) | |
| download | gotosocial-ba9d6b467a1f03447789844048d913738c843569.tar.xz | |
[feature] Media attachment placeholders (#2331)
* [feature] Use placeholders for unknown media types
* fix read of underreported small files
* switch to reduce nesting
* simplify cleanup
Diffstat (limited to 'web/source/css')
| -rw-r--r-- | web/source/css/status.css | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/web/source/css/status.css b/web/source/css/status.css index 4f80a400a..3edd11a44 100644 --- a/web/source/css/status.css +++ b/web/source/css/status.css @@ -339,6 +339,40 @@ main { object-fit: contain; background: $gray1; } + + .unknown-attachment { + .placeholder { + width: 100%; + height: 100%; + padding: 0.8rem; + border: 0.2rem dashed $white2; + + display: flex; + flex-direction: column; + align-items: center; + gap: 0.25rem; + + color: $white2; + + .placeholder-external-link { + align-self: end; + font-size: 2.5rem; + } + + .placeholder-icon { + width: 100%; + font-size: 3.5rem; + text-align: center; + margin-top: auto; + } + + .placeholder-link-to { + width: 100%; + text-align: center; + margin-bottom: auto; + } + } + } } } |