diff options
| author | Eugen Rochko <eugen@zeonfederated.com> | 2019-08-15 20:28:56 +0200 |
|---|---|---|
| committer | Thibaut Girka <thib@sitedethib.com> | 2019-08-19 21:56:25 +0200 |
| commit | 91d968bf720d09834ffc68f73eae9bd7dcbd80db (patch) | |
| tree | e14d9e170a615cea5f19058cce46b72437c9df75 /app/javascript/flavours/glitch/styles/components | |
| parent | 5c35c9c40968011ce6b1837bf2c420322b21c83d (diff) | |
[Glitch] Fix edit media modal on small screens, touch events
Port 1bea3181975f377bbccfe92691e2cd281b298ec6 to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/modal.scss | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/modal.scss b/app/javascript/flavours/glitch/styles/components/modal.scss index 87d9d6cd7..c367e204c 100644 --- a/app/javascript/flavours/glitch/styles/components/modal.scss +++ b/app/javascript/flavours/glitch/styles/components/modal.scss @@ -829,6 +829,11 @@ position: relative; cursor: move; overflow: hidden; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + background: $base-shadow-color; img, video { @@ -879,6 +884,17 @@ box-shadow: 0 0 14px rgba($base-shadow-color, 0.2); } } + + @media screen and (max-width: 480px) { + img, + video { + max-height: 100%; + } + + &__preview { + display: none; + } + } } .filtered-status-info { |