diff options
Diffstat (limited to 'client/src/app')
-rw-r--r-- | client/src/app/app.component.scss | 2 | ||||
-rw-r--r-- | client/src/app/shared/video/video-miniature.component.scss | 13 |
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; |