diff options
| author |  tobi <31960611+tsmethurst@users.noreply.github.com> | 2022-12-17 05:38:56 +0100 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2022-12-17 04:38:56 +0000 |
| commit | 2bbc64be4317166d3abb7aa177d4913f166a53e8 (patch) | |
| tree | 88c3d613eb986b18894f311afa4291987a0e26c4 /web/source/css | |
| parent | [chore] fix some little config whoopsies (#1272) (diff) | |
| download | gotosocial-2bbc64be4317166d3abb7aa177d4913f166a53e8.tar.xz | |
[feature] Enable basic video support (mp4 only) (#1274)
* [feature] basic video support
* fix missing semicolon
* replace text shadow with stacked icons
Co-authored-by: f0x <f0x@cthu.lu>
Diffstat (limited to 'web/source/css')
| -rw-r--r-- | web/source/css/status.css | 31 |
1 files changed, 30 insertions, 1 deletions
diff --git a/web/source/css/status.css b/web/source/css/status.css index 5b9900472..ed0075976 100644 --- a/web/source/css/status.css +++ b/web/source/css/status.css @@ -232,6 +232,9 @@ main { } input.sensitive-checkbox:checked { /* Media is shown */ + & ~ .video-play { + display: flex; + } & ~ .sensitive { .closed { transition: 0.8s; @@ -256,6 +259,32 @@ main { } } + .video-play { + .icon-span { + align-self: center; + display: initial; + z-index: 4; + + .icon { + color: $white1; + } + + .icon-bg { + color: $gray1; + font-size: 1.1em; + } + } + + display: none; + position: absolute; + height: 100%; + width: 100%; + justify-content: center; + align-items: center; + font-size: 7em; + pointer-events: none; + } + .sensitive { position: absolute; height: 100%; @@ -412,4 +441,4 @@ footer + div { /* something weird from the devstack.. */ grid-row: auto; } } -}
\ No newline at end of file +} |