diff options
author | Chocobozzz <me@florianbigard.com> | 2019-04-05 15:23:41 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2019-04-05 15:23:41 +0200 |
commit | 3143ae17a014576ec21b535ba9e8266ca727a152 (patch) | |
tree | 6556a402759b8177471486a77e638da65495fb51 /client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss | |
parent | 8dfceec44a5eec8b0190d1d5076aab0f03a0cb52 (diff) | |
download | PeerTube-3143ae17a014576ec21b535ba9e8266ca727a152.tar.gz PeerTube-3143ae17a014576ec21b535ba9e8266ca727a152.tar.zst PeerTube-3143ae17a014576ec21b535ba9e8266ca727a152.zip |
Improve playlist element style
Diffstat (limited to 'client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss')
-rw-r--r-- | client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss b/client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss index f57fd2e1c..f8a068cbc 100644 --- a/client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss +++ b/client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss | |||
@@ -13,7 +13,7 @@ | |||
13 | background-color: rgba(0, 0, 0, 0.05); | 13 | background-color: rgba(0, 0, 0, 0.05); |
14 | 14 | ||
15 | .more { | 15 | .more { |
16 | display: block; | 16 | opacity: 1; |
17 | } | 17 | } |
18 | } | 18 | } |
19 | 19 | ||
@@ -24,11 +24,10 @@ | |||
24 | a { | 24 | a { |
25 | @include disable-default-a-behaviour; | 25 | @include disable-default-a-behaviour; |
26 | 26 | ||
27 | min-width: 0; | ||
28 | display: flex; | 27 | display: flex; |
28 | min-width: 0; | ||
29 | align-items: center; | 29 | align-items: center; |
30 | cursor: pointer; | 30 | cursor: pointer; |
31 | flex-grow: 1; | ||
32 | 31 | ||
33 | .position { | 32 | .position { |
34 | font-weight: $font-semibold; | 33 | font-weight: $font-semibold; |
@@ -55,6 +54,7 @@ | |||
55 | .video-info { | 54 | .video-info { |
56 | display: flex; | 55 | display: flex; |
57 | flex-direction: column; | 56 | flex-direction: column; |
57 | align-self: flex-start; | ||
58 | min-width: 0; | 58 | min-width: 0; |
59 | 59 | ||
60 | a { | 60 | a { |
@@ -69,6 +69,7 @@ | |||
69 | .video-info-name { | 69 | .video-info-name { |
70 | font-size: 18px; | 70 | font-size: 18px; |
71 | font-weight: $font-semibold; | 71 | font-weight: $font-semibold; |
72 | display: inline-block; | ||
72 | 73 | ||
73 | @include ellipsis; | 74 | @include ellipsis; |
74 | } | 75 | } |
@@ -83,10 +84,10 @@ | |||
83 | justify-self: flex-end; | 84 | justify-self: flex-end; |
84 | margin-left: auto; | 85 | margin-left: auto; |
85 | cursor: pointer; | 86 | cursor: pointer; |
86 | display: none; | 87 | opacity: 0; |
87 | 88 | ||
88 | &.show { | 89 | &.show { |
89 | display: block; | 90 | opacity: 1; |
90 | } | 91 | } |
91 | 92 | ||
92 | .icon-more { | 93 | .icon-more { |