aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app')
-rw-r--r--client/src/app/app.component.scss2
-rw-r--r--client/src/app/shared/video/video-miniature.component.scss13
2 files changed, 9 insertions, 6 deletions
diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index ded45b5f7..e772e3a37 100644
--- a/client/src/app/app.component.scss
+++ b/client/src/app/app.component.scss
@@ -14,7 +14,7 @@
14 position: fixed; 14 position: fixed;
15 top: 0; 15 top: 0;
16 width: 100%; 16 width: 100%;
17 background-color: #fff; 17 background-color: $bg-color;
18 z-index: 1000; 18 z-index: 1000;
19 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16); 19 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
20 display: flex; 20 display: flex;
diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss
index 6883650f4..cc643f9d9 100644
--- a/client/src/app/shared/video/video-miniature.component.scss
+++ b/client/src/app/shared/video/video-miniature.component.scss
@@ -14,14 +14,17 @@
14 line-height: normal; 14 line-height: normal;
15 15
16 .video-miniature-name { 16 .video-miniature-name {
17 display: block; 17 @include ellipsis-multiline(
18 overflow: hidden; 18 $font-size: 1rem,
19 text-overflow: ellipsis; 19 $line-height: 1,
20 white-space: nowrap; 20 $lines-to-show: 2
21 );
21 transition: color 0.2s; 22 transition: color 0.2s;
22 font-size: 16px; 23 font-size: 16px;
23 font-weight: $font-semibold; 24 font-weight: $font-semibold;
24 color: #000; 25 color: $fg-color;
26 margin-top: 5px;
27 margin-bottom: 5px;
25 28
26 &:hover { 29 &:hover {
27 text-decoration: none; 30 text-decoration: none;