aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/plugins/previewThumbnails.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/sass/plugins/previewThumbnails.scss')
-rw-r--r--src/sass/plugins/previewThumbnails.scss18
1 files changed, 10 insertions, 8 deletions
diff --git a/src/sass/plugins/previewThumbnails.scss b/src/sass/plugins/previewThumbnails.scss
index 92702e39..044048eb 100644
--- a/src/sass/plugins/previewThumbnails.scss
+++ b/src/sass/plugins/previewThumbnails.scss
@@ -18,15 +18,16 @@
white-space: nowrap;
z-index: 2;
+ overflow: hidden;
+
img {
position: absolute;
left: 0px;
- right: 0px;
top: 0px;
- bottom: 0px;
- margin: auto;
- height: 100%;
+ height: 100%; // Non-jpeg-sprite images are 100%. Jpeg sprites will have their size applied by javascript
width: 100%;
+ max-height: none;
+ max-width: none;
border-radius: 0px;
}
@@ -52,19 +53,20 @@
bottom: 0px;
height: 100%;
width: 100%;
+ margin: auto; // Required when video is different dimensions to container (e.g., fullscreen)
+ overflow: hidden;
z-index: 1;
- transition: opacity 0.3s 0.3s ease;
+ transition: opacity 0.3s ease;
filter: blur(1px);
img {
position: absolute;
left: 0px;
- right: 0px;
top: 0px;
- bottom: 0px;
- margin: auto;
height: 100%;
width: 100%;
+ max-height: none;
+ max-width: none;
object-fit: contain;
}
}