Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Fix audio/video/images/cards not reacting to window resizes in web UI (#14130)

Browse source 
* 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>
This commit is contained in:
Eugen Rochko 2020-06-24 10:25:32 +02:00 • committed by GitHub
parent d469247083
commit bb9ca8a587
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 143 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

19
app/javascript/styles/mastodon/components.scss
View file

@ -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;