aboutsummaryrefslogtreecommitdiffhomepage
path: root/client
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2020-08-19 11:06:58 +0200
committerChocobozzz <chocobozzz@cpy.re>2020-08-19 11:30:21 +0200
commit2d0d756e855e65e7235a86067b7e695b4ce6fc0f (patch)
tree9e4d31995a07bd6916343390b7de98c0d8307def /client
parent2711491ce1903adafb6a7768569a46ef68bfcd10 (diff)
downloadPeerTube-2d0d756e855e65e7235a86067b7e695b4ce6fc0f.tar.gz
PeerTube-2d0d756e855e65e7235a86067b7e695b4ce6fc0f.tar.zst
PeerTube-2d0d756e855e65e7235a86067b7e695b4ce6fc0f.zip
Fix responsive playlist elements
Diffstat (limited to 'client')
-rw-r--r--client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss15
-rw-r--r--client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss9
2 files changed, 22 insertions, 2 deletions
diff --git a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss
index 13a4b0074..de7e1993f 100644
--- a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss
+++ b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss
@@ -65,4 +65,19 @@
65 padding-top: 20px; 65 padding-top: 20px;
66 margin-left: calc(#{var(--expanded-horizontal-margin-content)} * -1); 66 margin-left: calc(#{var(--expanded-horizontal-margin-content)} * -1);
67 } 67 }
68
69 .playlist-elements {
70 padding: 0 !important;
71 }
72
73 ::ng-deep my-video-playlist-element-miniature {
74
75 .video {
76 padding: 5px !important;
77 }
78
79 .position {
80 margin-right: 5px !important;
81 }
82 }
68} 83}
diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss
index afd775b25..082a5d9b2 100644
--- a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss
+++ b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss
@@ -22,12 +22,16 @@ my-video-thumbnail,
22} 22}
23 23
24.video { 24.video {
25 display: flex; 25 display: grid;
26 align-items: center; 26 grid-template-columns: 1fr auto;
27 background-color: pvar(--mainBackgroundColor); 27 background-color: pvar(--mainBackgroundColor);
28 padding: 10px; 28 padding: 10px;
29 border-bottom: 1px solid $separator-border-color; 29 border-bottom: 1px solid $separator-border-color;
30 30
31 .more {
32 display: flex;
33 }
34
31 &:hover { 35 &:hover {
32 background-color: rgba(0, 0, 0, 0.05); 36 background-color: rgba(0, 0, 0, 0.05);
33 37
@@ -164,6 +168,7 @@ my-video-thumbnail,
164 my-edit-button { 168 my-edit-button {
165 display: inline-flex; 169 display: inline-flex;
166 height: max-content; 170 height: max-content;
171 margin: auto;
167 } 172 }
168 } 173 }
169 174