aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+my-account
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-03-13 15:30:23 +0100
committerRigel Kent <sendmemail@rigelk.eu>2020-03-13 15:30:27 +0100
commitc4741804bceac6f5f3ea06f9041c5b4fde7a3d7d (patch)
tree6890c6e3a47b5162c306a62a862949cd9a8df668 /client/src/app/+my-account
parentbaab47ca81742deae15acd671e8c332a4e1d6eb7 (diff)
downloadPeerTube-c4741804bceac6f5f3ea06f9041c5b4fde7a3d7d.tar.gz
PeerTube-c4741804bceac6f5f3ea06f9041c5b4fde7a3d7d.tar.zst
PeerTube-c4741804bceac6f5f3ea06f9041c5b4fde7a3d7d.zip
Fix margins/widths with top-menu and main-col on small screens
Diffstat (limited to 'client/src/app/+my-account')
-rw-r--r--client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss10
-rw-r--r--client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.scss1
-rw-r--r--client/src/app/+my-account/my-account-settings/my-account-settings.component.scss1
-rw-r--r--client/src/app/+my-account/my-account.component.scss7
-rw-r--r--client/src/app/+my-account/shared/actor-avatar-info.component.html2
5 files changed, 15 insertions, 6 deletions
diff --git a/client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss b/client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss
index 7cd5c3b46..0b292850e 100644
--- a/client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss
@@ -15,8 +15,13 @@
15 } 15 }
16 16
17 & > div { 17 & > div {
18 padding: 10px;
18 width: 350px; 19 width: 350px;
19 20
21 &:nth-child(2) {
22 max-width: 60px !important;
23 }
24
20 @media screen and (max-width: $small-view) { 25 @media screen and (max-width: $small-view) {
21 width: auto; 26 width: auto;
22 27
@@ -25,9 +30,4 @@
25 } 30 }
26 } 31 }
27 } 32 }
28
29 & > div {
30 padding: 10px
31 }
32} 33}
33
diff --git a/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.scss b/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.scss
index 2f8df81d4..5995bae4a 100644
--- a/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.scss
@@ -25,6 +25,7 @@ input[type=submit] {
25 25
26textarea { 26textarea {
27 @include peertube-textarea(500px, 150px); 27 @include peertube-textarea(500px, 150px);
28 max-width: 100%;
28 29
29 display: block; 30 display: block;
30} 31}
diff --git a/client/src/app/+my-account/my-account-settings/my-account-settings.component.scss b/client/src/app/+my-account/my-account-settings/my-account-settings.component.scss
index 2b90cc8cf..e1a00fb8b 100644
--- a/client/src/app/+my-account/my-account-settings/my-account-settings.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-settings.component.scss
@@ -16,4 +16,5 @@
16 16
17.progress { 17.progress {
18 width: 500px; 18 width: 500px;
19 max-width: 100%;
19} 20}
diff --git a/client/src/app/+my-account/my-account.component.scss b/client/src/app/+my-account/my-account.component.scss
index 4f111efdf..d452a2b21 100644
--- a/client/src/app/+my-account/my-account.component.scss
+++ b/client/src/app/+my-account/my-account.component.scss
@@ -1,3 +1,10 @@
1
2
1.row { 3.row {
2 flex-direction: column; 4 flex-direction: column;
5 width: 100%;
6
7 & > my-top-menu-dropdown:nth-child(1) {
8 flex-grow: 1;
9 }
3} 10}
diff --git a/client/src/app/+my-account/shared/actor-avatar-info.component.html b/client/src/app/+my-account/shared/actor-avatar-info.component.html
index b992d0ebd..a5a435726 100644
--- a/client/src/app/+my-account/shared/actor-avatar-info.component.html
+++ b/client/src/app/+my-account/shared/actor-avatar-info.component.html
@@ -5,7 +5,7 @@
5 <div class="actor-img-edit-container"> 5 <div class="actor-img-edit-container">
6 <div class="actor-img-edit-button" [ngbTooltip]="'(extensions: '+ avatarExtensions +', max size: 100KB)'" placement="right" container="body"> 6 <div class="actor-img-edit-button" [ngbTooltip]="'(extensions: '+ avatarExtensions +', max size: 100KB)'" placement="right" container="body">
7 <my-global-icon iconName="edit"></my-global-icon> 7 <my-global-icon iconName="edit"></my-global-icon>
8 <input #avatarfileInput type="file" name="avatarfile" id="avatarfile" [accept]="avatarExtensions" (change)="onAvatarChange()"/> 8 <input #avatarfileInput type="file" title=" " name="avatarfile" id="avatarfile" [accept]="avatarExtensions" (change)="onAvatarChange()"/>
9 </div> 9 </div>
10 </div> 10 </div>
11 11