diff options
| author | Eugen Rochko <eugen@zeonfederated.com> | 2019-08-15 20:28:56 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-08-15 20:28:56 +0200 |
| commit | 1bea3181975f377bbccfe92691e2cd281b298ec6 (patch) | |
| tree | eec4aac3a1a742eea1c35338a84741f5c80347ce /app/javascript/styles | |
| parent | cdc474628d1ee58d76d0e05698275c650bebe02c (diff) | |
Fix edit media modal on small screens, touch events (#11573)
Diffstat (limited to 'app/javascript/styles')
| -rw-r--r-- | app/javascript/styles/mastodon/basics.scss | 2 | ||||
| -rw-r--r-- | app/javascript/styles/mastodon/components.scss | 16 |
2 files changed, 17 insertions, 1 deletions
diff --git a/app/javascript/styles/mastodon/basics.scss b/app/javascript/styles/mastodon/basics.scss index 7b983efab..f9332caa3 100644 --- a/app/javascript/styles/mastodon/basics.scss +++ b/app/javascript/styles/mastodon/basics.scss @@ -150,7 +150,7 @@ button { .layout-single-column .app-holder { &, & > div { - min-height: 100%; + min-height: 100vh; } } diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index 7f0bf9fed..e30b75495 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -5757,6 +5757,11 @@ noscript { position: relative; cursor: move; overflow: hidden; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + background: $base-shadow-color; img, video { @@ -5807,6 +5812,17 @@ noscript { 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; + } + } } .account__header__content { |