treehouse
/
mastodon
20
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Fix style settings for images in media modal (#4220) 

* Shrink too wide single image modal

Fix too wide react-swipeable-view-container

Fix 0067f80 shrinking all react-swipeable-view-container

Change to apply max-width of react-swipeable-view-container only under media-modal.

Fix b30b03b just a typo

* Centering contents in image-loader

Centering small img, canvas, and video in image-loader.
remotes/1727458204337373841/tmp_refs/heads/signup-info-prompt
Lynx Kotoura 2017-07-16 18:52:11 +09:00 committed by Eugen Rochko
parent a6328fc1b1
commit d1c3e35d3f
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/javascript/styles/components.scss
View File

@ -1143,8 +1143,8 @@
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
width: 100%; max-width: 100%;
height: 100%; max-height: 100%;
background-image: none; background-image: none;
} }
@ -2967,8 +2967,9 @@ button.icon-button.active i.fa-retweet {
video { video {
max-width: 80vw; max-width: 80vw;
max-height: 80vh; max-height: 80vh;
width: 100%; width: auto;
height: auto; height: auto;
margin: auto;
} }
.extended-video-player, .extended-video-player,
@ -2984,6 +2985,10 @@ button.icon-button.active i.fa-retweet {
background: url('../images/void.png') repeat; background: url('../images/void.png') repeat;
object-fit: contain; object-fit: contain;
} }
.react-swipeable-view-container {
max-width: 80vw;
}
} }
.media-modal__close { .media-modal__close {