aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/include
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2019-03-11 16:23:33 +0100
committerChocobozzz <chocobozzz@cpy.re>2019-03-18 11:17:59 +0100
commitc5a1ae500e68b759f76851552be6dd10631d34f4 (patch)
treef741daceab3b506f18f7cc14492a25425ebdf68d /client/src/sass/include
parentf0a3988066f72a28bb44520af072f18d91d77dde (diff)
downloadPeerTube-c5a1ae500e68b759f76851552be6dd10631d34f4.tar.gz
PeerTube-c5a1ae500e68b759f76851552be6dd10631d34f4.tar.zst
PeerTube-c5a1ae500e68b759f76851552be6dd10631d34f4.zip
Playlist videos component
Diffstat (limited to 'client/src/sass/include')
-rw-r--r--client/src/sass/include/_miniature.scss14
-rw-r--r--client/src/sass/include/_mixins.scss12
2 files changed, 19 insertions, 7 deletions
diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss
index 36d4e84d3..25a024aac 100644
--- a/client/src/sass/include/_miniature.scss
+++ b/client/src/sass/include/_miniature.scss
@@ -28,15 +28,15 @@ $play-overlay-transition: 0.2s ease;
28$play-overlay-height: 26px; 28$play-overlay-height: 26px;
29$play-overlay-width: 18px; 29$play-overlay-width: 18px;
30 30
31@mixin miniature-thumbnail { 31@mixin miniature-thumbnail($width: $video-thumbnail-width, $height: $video-thumbnail-height) {
32 @include disable-outline; 32 @include disable-outline;
33 33
34 display: inline-block; 34 display: inline-block;
35 position: relative; 35 position: relative;
36 border-radius: 3px; 36 border-radius: 3px;
37 overflow: hidden; 37 overflow: hidden;
38 width: $video-thumbnail-width; 38 width: $width;
39 height: $video-thumbnail-height; 39 height: $height;
40 background-color: #ececec; 40 background-color: #ececec;
41 transition: filter $play-overlay-transition; 41 transition: filter $play-overlay-transition;
42 42
@@ -45,8 +45,8 @@ $play-overlay-width: 18px;
45 right: 0; 45 right: 0;
46 bottom: 0; 46 bottom: 0;
47 47
48 width: $video-thumbnail-width; 48 width: inherit;
49 height: $video-thumbnail-height; 49 height: inherit;
50 opacity: 0; 50 opacity: 0;
51 background-color: rgba(0, 0, 0, 0.7); 51 background-color: rgba(0, 0, 0, 0.7);
52 52
@@ -87,8 +87,8 @@ $play-overlay-width: 18px;
87 } 87 }
88 88
89 img { 89 img {
90 width: $video-thumbnail-width; 90 width: inherit;
91 height: $video-thumbnail-height; 91 height: inherit;
92 92
93 &.blur-filter { 93 &.blur-filter {
94 filter: blur(5px); 94 filter: blur(5px);
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 3eefdb6fb..7faeec6bd 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -515,3 +515,15 @@
515 align-items: center; 515 align-items: center;
516 } 516 }
517} 517}
518
519@mixin dropdown-with-icon-item {
520 padding: 6px 24px;
521
522 my-global-icon {
523 width: 24px;
524
525 margin-right: 10px;
526 position: relative;
527 top: -2px;
528 }
529}