diff options
| author | Eugen Rochko <eugen@zeonfederated.com> | 2020-06-24 10:25:32 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-06-24 10:25:32 +0200 |
| commit | bb9ca8a587ee5a3ec8778e72828aca0ba8871327 (patch) | |
| tree | 3c4509dd0d0f1c93d766833fd5c36d961c330fa2 /app/javascript/styles | |
| parent | d469247083dbbe5d4f09cc9d13a3ebd400e6068e (diff) | |
Fix audio/video/images/cards not reacting to window resizes in web UI (#14130)
* Fix audio/video/images/cards not reacting to window resizes in web UI * Update app/javascript/mastodon/features/audio/index.js Co-authored-by: Yamagishi Kazutoshi <ykzts@desire.sh> Co-authored-by: Yamagishi Kazutoshi <ykzts@desire.sh>
Diffstat (limited to 'app/javascript/styles')
| -rw-r--r-- | app/javascript/styles/mastodon/components.scss | 19 |
1 files changed, 14 insertions, 5 deletions
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index 4e084b6c3..fb9dca41b 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -5562,7 +5562,7 @@ a.status-card.compact:hover { &.active { overflow: visible; width: 50px; - margin-right: 10px; + margin-right: 16px; } &::before { @@ -5599,10 +5599,17 @@ a.status-card.compact:hover { left: 0; margin-left: -6px; transform: translate(0, -50%); - transition: opacity .1s ease; background: lighten($ui-highlight-color, 8%); box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2); - pointer-events: none; + opacity: 0; + + .no-reduce-motion & { + transition: opacity 100ms linear; + } + } + + &.active &__handle { + opacity: 1; } } @@ -5662,10 +5669,12 @@ a.status-card.compact:hover { height: 12px; top: 6px; margin-left: -6px; - transition: opacity .1s ease; background: lighten($ui-highlight-color, 8%); box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2); - pointer-events: none; + + .no-reduce-motion & { + transition: opacity .1s ease; + } &.active { opacity: 1; |