diff options
author | Chocobozzz <me@florianbigard.com> | 2020-08-07 16:29:30 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2020-08-10 09:43:44 +0200 |
commit | 82f443de1aba70ce75c72a4a7f669385600ab3c6 (patch) | |
tree | 198ab1db910b44ad9844c3365d0ec2dec7325778 /client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss | |
parent | 10846ef656585ee857ec43fc22b490409ddd0d44 (diff) | |
download | PeerTube-82f443de1aba70ce75c72a4a7f669385600ab3c6.tar.gz PeerTube-82f443de1aba70ce75c72a4a7f669385600ab3c6.tar.zst PeerTube-82f443de1aba70ce75c72a4a7f669385600ab3c6.zip |
Add buttons in playlist page
To delete/edit/share the playlist
Diffstat (limited to 'client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss')
-rw-r--r-- | client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss | 16 |
1 files changed, 16 insertions, 0 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 4531e475a..3e9b57c35 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 | |||
@@ -10,7 +10,9 @@ | |||
10 | padding: 10px; | 10 | padding: 10px; |
11 | 11 | ||
12 | display: flex; | 12 | display: flex; |
13 | flex-direction: column; | ||
13 | justify-content: center; | 14 | justify-content: center; |
15 | align-items: center; | ||
14 | 16 | ||
15 | /* fix ellipsis dots background color */ | 17 | /* fix ellipsis dots background color */ |
16 | ::ng-deep .miniature-name::after { | 18 | ::ng-deep .miniature-name::after { |
@@ -18,6 +20,20 @@ | |||
18 | } | 20 | } |
19 | } | 21 | } |
20 | 22 | ||
23 | .playlist-buttons { | ||
24 | display:flex; | ||
25 | margin: 30px 0 10px 0; | ||
26 | |||
27 | .share-button { | ||
28 | @include peertube-button; | ||
29 | @include button-with-icon(17px, 3px, -1px); | ||
30 | @include grey-button; | ||
31 | @include apply-svg-color(pvar(--actionButtonColor)); | ||
32 | |||
33 | margin-right: 10px; | ||
34 | } | ||
35 | } | ||
36 | |||
21 | // Thanks Angular CDK <3 https://material.angular.io/cdk/drag-drop/examples | 37 | // Thanks Angular CDK <3 https://material.angular.io/cdk/drag-drop/examples |
22 | .cdk-drag-preview { | 38 | .cdk-drag-preview { |
23 | box-sizing: border-box; | 39 | box-sizing: border-box; |