From 11dd0c2e4202e7ad68d8b7e6706de846401d29ff Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 3 Apr 2019 13:25:52 +0200
Subject: Improve abstract videos list
Better responsive and align miniatures to the left
---
client/src/sass/include/_miniature.scss | 4 +++-
client/src/sass/include/_variables.scss | 1 +
2 files changed, 4 insertions(+), 1 deletion(-)
(limited to 'client/src/sass')
diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss
index 95b759225..2ea4aa105 100644
--- a/client/src/sass/include/_miniature.scss
+++ b/client/src/sass/include/_miniature.scss
@@ -121,6 +121,7 @@ $play-overlay-width: 18px;
.video-miniature-information {
width: 100% !important;
+ text-align: left;
span {
width: 100%;
@@ -128,8 +129,9 @@ $play-overlay-width: 18px;
}
.video-thumbnail {
- width: 100%;
+ width: calc(100% + 30px);
height: auto;
+ margin: 0 -15px;
img {
width: 100%;
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index b8eb06f2c..0e71a1867 100644
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -46,6 +46,7 @@ $footer-border-color: $header-border-color;
$separator-border-color: rgba(0, 0, 0, 0.10);
+$video-miniature-width: 238px;
$video-thumbnail-height: 122px;
$video-thumbnail-width: 223px;
--
cgit v1.2.3