me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

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

Browse source 
* 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.
This commit is contained in:
Lynx Kotoura 2017-07-16 18:52:11 +09:00 committed by Eugen Rochko
parent f3ed02e492
commit 160d0e1089
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;
left: 0;
right: 0;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
background-image: none;
}
@ -2967,8 +2967,9 @@ button.icon-button.active i.fa-retweet {
video {
max-width: 80vw;
max-height: 80vh;
width: 100%;
width: auto;
height: auto;
margin: auto;
}
.extended-video-player,
@ -2984,6 +2985,10 @@ button.icon-button.active i.fa-retweet {
background: url('../images/void.png') repeat;
object-fit: contain;
}
.react-swipeable-view-container {
max-width: 80vw;
}
}
.media-modal__close {