aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+my-account
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-07-24 12:05:36 +0200
committerRigel Kent <par@rigelk.eu>2020-07-29 18:15:53 +0200
commit225a7682e68d81c3c90ff50e704db4ab5f81a341 (patch)
treebf73366c25a05a2dacf5c827c3b0d4b1f96d5b61 /client/src/app/+my-account
parent66927c0588b050f23ad3f98d62b48307bc7e79e7 (diff)
downloadPeerTube-225a7682e68d81c3c90ff50e704db4ab5f81a341.tar.gz
PeerTube-225a7682e68d81c3c90ff50e704db4ab5f81a341.tar.zst
PeerTube-225a7682e68d81c3c90ff50e704db4ab5f81a341.zip
adapt notifications buttons for small screens
Diffstat (limited to 'client/src/app/+my-account')
-rw-r--r--client/src/app/+my-account/+my-account-video-channels/my-account-video-channels.component.ts2
-rw-r--r--client/src/app/+my-account/my-account-notifications/my-account-notifications.component.html2
-rw-r--r--client/src/app/+my-account/my-account-notifications/my-account-notifications.component.scss34
3 files changed, 35 insertions, 3 deletions
diff --git a/client/src/app/+my-account/+my-account-video-channels/my-account-video-channels.component.ts b/client/src/app/+my-account/+my-account-video-channels/my-account-video-channels.component.ts
index da8c7298f..ad9368794 100644
--- a/client/src/app/+my-account/+my-account-video-channels/my-account-video-channels.component.ts
+++ b/client/src/app/+my-account/+my-account-video-channels/my-account-video-channels.component.ts
@@ -99,7 +99,7 @@ export class MyAccountVideoChannelsComponent implements OnInit {
99 } 99 }
100 } 100 }
101 101
102 resetSearch() { 102 resetSearch () {
103 this.channelsSearch = '' 103 this.channelsSearch = ''
104 this.onChannelsSearchChanged() 104 this.onChannelsSearchChanged()
105 } 105 }
diff --git a/client/src/app/+my-account/my-account-notifications/my-account-notifications.component.html b/client/src/app/+my-account/my-account-notifications/my-account-notifications.component.html
index 8de152b5e..a60ed885d 100644
--- a/client/src/app/+my-account/my-account-notifications/my-account-notifications.component.html
+++ b/client/src/app/+my-account/my-account-notifications/my-account-notifications.component.html
@@ -5,7 +5,7 @@
5 Notification preferences 5 Notification preferences
6 </a> 6 </a>
7 7
8 <div class="peertube-select-container peertube-select-button ml-2"> 8 <div class="peertube-select-container peertube-select-button ml-2 mr-2">
9 <select [(ngModel)]="notificationSortType" (ngModelChange)="onChangeSortColumn()" class="form-control"> 9 <select [(ngModel)]="notificationSortType" (ngModelChange)="onChangeSortColumn()" class="form-control">
10 <option value="undefined" disabled>Sort by</option> 10 <option value="undefined" disabled>Sort by</option>
11 <option value="createdAt" i18n>Newest first</option> 11 <option value="createdAt" i18n>Newest first</option>
diff --git a/client/src/app/+my-account/my-account-notifications/my-account-notifications.component.scss b/client/src/app/+my-account/my-account-notifications/my-account-notifications.component.scss
index d586eeb0d..035fa2b27 100644
--- a/client/src/app/+my-account/my-account-notifications/my-account-notifications.component.scss
+++ b/client/src/app/+my-account/my-account-notifications/my-account-notifications.component.scss
@@ -32,8 +32,40 @@ my-user-notifications {
32 .header { 32 .header {
33 flex-direction: column; 33 flex-direction: column;
34 34
35 & >:first-child { 35 & >:first-child, .peertube-select-container {
36 margin-bottom: 15px; 36 margin-bottom: 15px;
37 } 37 }
38
39 .peertube-select-container {
40 margin-left: 0 !important;
41 }
42 }
43}
44
45@media screen and (min-width: $mobile-view) and (max-width: $small-view) {
46 .header {
47 a {
48 font-size: 0;
49 padding: 0 13px;
50 }
51
52 .peertube-select-container {
53 width: auto !important;
54 }
55 }
56}
57
58@media screen and (min-width: $mobile-view) and (max-width: #{$small-view + $menu-width}) {
59 :host-context(.main-col:not(.expanded)) {
60 .header {
61 a {
62 font-size: 0;
63 padding: 0 13px;
64 }
65
66 .peertube-select-container {
67 width: auto !important;
68 }
69 }
38 } 70 }
39} 71}