diff options
Diffstat (limited to 'client/src/app/+my-account/my-account-video-channels')
2 files changed, 27 insertions, 6 deletions
diff --git a/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.html b/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.html index 03d45227e..4cf08ab66 100644 --- a/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.html +++ b/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.html | |||
@@ -19,14 +19,14 @@ | |||
19 | 19 | ||
20 | <div i18n class="video-channel-followers">{videoChannel.followersCount, plural, =1 {1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}</div> | 20 | <div i18n class="video-channel-followers">{videoChannel.followersCount, plural, =1 {1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}</div> |
21 | 21 | ||
22 | <div class="video-channel-buttons"> | ||
23 | <my-edit-button [routerLink]="[ 'update', videoChannel.nameWithHost ]"></my-edit-button> | ||
24 | <my-delete-button (click)="deleteVideoChannel(videoChannel)"></my-delete-button> | ||
25 | </div> | ||
26 | |||
22 | <div *ngIf="!isInSmallView" class="w-100 d-flex justify-content-end"> | 27 | <div *ngIf="!isInSmallView" class="w-100 d-flex justify-content-end"> |
23 | <p-chart *ngIf="videoChannelsChartData && videoChannelsChartData[i]" type="line" [data]="videoChannelsChartData[i]" [options]="chartOptions" width="40vw" height="100px"></p-chart> | 28 | <p-chart *ngIf="videoChannelsChartData && videoChannelsChartData[i]" type="line" [data]="videoChannelsChartData[i]" [options]="chartOptions" width="40vw" height="100px"></p-chart> |
24 | </div> | 29 | </div> |
25 | </div> | 30 | </div> |
26 | |||
27 | <div class="video-channel-buttons"> | ||
28 | <my-edit-button [routerLink]="[ 'update', videoChannel.nameWithHost ]"></my-edit-button> | ||
29 | <my-delete-button (click)="deleteVideoChannel(videoChannel)"></my-delete-button> | ||
30 | </div> | ||
31 | </div> | 31 | </div> |
32 | </div> | 32 | </div> |
diff --git a/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss b/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss index e1acf6cd6..144c2440b 100644 --- a/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss +++ b/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss | |||
@@ -50,6 +50,7 @@ | |||
50 | } | 50 | } |
51 | 51 | ||
52 | .video-channel-buttons { | 52 | .video-channel-buttons { |
53 | margin-top: 10px; | ||
53 | min-width: 190px; | 54 | min-width: 190px; |
54 | } | 55 | } |
55 | } | 56 | } |
@@ -80,6 +81,10 @@ | |||
80 | flex-direction: column; | 81 | flex-direction: column; |
81 | align-items: center !important; | 82 | align-items: center !important; |
82 | margin: auto; | 83 | margin: auto; |
84 | |||
85 | .video-channel-name { | ||
86 | margin-left: 0px !important; | ||
87 | } | ||
83 | } | 88 | } |
84 | } | 89 | } |
85 | 90 | ||
@@ -88,7 +93,23 @@ | |||
88 | } | 93 | } |
89 | 94 | ||
90 | .video-channel-buttons { | 95 | .video-channel-buttons { |
91 | margin-top: 10px; | 96 | align-self: center; |
97 | } | ||
98 | } | ||
99 | } | ||
100 | |||
101 | @media screen and (min-width: breakpoint(lg)) { | ||
102 | :host-context(.main-col:not(.expanded)) { | ||
103 | .video-channel-buttons { | ||
104 | float: right; | ||
105 | } | ||
106 | } | ||
107 | } | ||
108 | |||
109 | @media screen and (min-width: $small-view) { | ||
110 | :host-context(.expanded) { | ||
111 | .video-channel-buttons { | ||
112 | float: right; | ||
92 | } | 113 | } |
93 | } | 114 | } |
94 | } | 115 | } |