aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/include
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2019-04-03 13:25:52 +0200
committerChocobozzz <me@florianbigard.com>2019-04-03 13:25:52 +0200
commit11dd0c2e4202e7ad68d8b7e6706de846401d29ff (patch)
treee7d8ce1e90e34faee14ab04dff4ab966d83047f4 /client/src/sass/include
parent8137c8b9862689789c023b0f50dcd09ba27db13a (diff)
downloadPeerTube-11dd0c2e4202e7ad68d8b7e6706de846401d29ff.tar.gz
PeerTube-11dd0c2e4202e7ad68d8b7e6706de846401d29ff.tar.zst
PeerTube-11dd0c2e4202e7ad68d8b7e6706de846401d29ff.zip
Improve abstract videos list
Better responsive and align miniatures to the left
Diffstat (limited to 'client/src/sass/include')
-rw-r--r--client/src/sass/include/_miniature.scss4
-rw-r--r--client/src/sass/include/_variables.scss1
2 files changed, 4 insertions, 1 deletions
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;
121 121
122 .video-miniature-information { 122 .video-miniature-information {
123 width: 100% !important; 123 width: 100% !important;
124 text-align: left;
124 125
125 span { 126 span {
126 width: 100%; 127 width: 100%;
@@ -128,8 +129,9 @@ $play-overlay-width: 18px;
128 } 129 }
129 130
130 .video-thumbnail { 131 .video-thumbnail {
131 width: 100%; 132 width: calc(100% + 30px);
132 height: auto; 133 height: auto;
134 margin: 0 -15px;
133 135
134 img { 136 img {
135 width: 100%; 137 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;
46 46
47$separator-border-color: rgba(0, 0, 0, 0.10); 47$separator-border-color: rgba(0, 0, 0, 0.10);
48 48
49$video-miniature-width: 238px;
49$video-thumbnail-height: 122px; 50$video-thumbnail-height: 122px;
50$video-thumbnail-width: 223px; 51$video-thumbnail-width: 223px;
51 52