aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2019-04-11 11:18:19 +0200
committerChocobozzz <me@florianbigard.com>2019-04-11 11:18:19 +0200
commit2c3abc4fa796555eb7d25f416c4f41ab3e3ad8ca (patch)
treec733bcda588f3de2288bdfab439da34c1fecca9b
parent5d79474cc66383ecbfcef6366f63a34c3af21cbf (diff)
downloadPeerTube-2c3abc4fa796555eb7d25f416c4f41ab3e3ad8ca.tar.gz
PeerTube-2c3abc4fa796555eb7d25f416c4f41ab3e3ad8ca.tar.zst
PeerTube-2c3abc4fa796555eb7d25f416c4f41ab3e3ad8ca.zip
Fix my account settings responsive
-rw-r--r--client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss8
-rw-r--r--client/src/app/+my-account/shared/actor-avatar-info.component.scss6
-rw-r--r--client/src/sass/application.scss4
-rw-r--r--client/src/sass/include/_mixins.scss4
4 files changed, 20 insertions, 2 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 0274f47c5..7cd5c3b46 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
@@ -16,6 +16,14 @@
16 16
17 & > div { 17 & > div {
18 width: 350px; 18 width: 350px;
19
20 @media screen and (max-width: $small-view) {
21 width: auto;
22
23 &:first-child {
24 flex-grow: 1;
25 }
26 }
19 } 27 }
20 28
21 & > div { 29 & > div {
diff --git a/client/src/app/+my-account/shared/actor-avatar-info.component.scss b/client/src/app/+my-account/shared/actor-avatar-info.component.scss
index 0b0c83de5..86f8108b9 100644
--- a/client/src/app/+my-account/shared/actor-avatar-info.component.scss
+++ b/client/src/app/+my-account/shared/actor-avatar-info.component.scss
@@ -18,6 +18,10 @@
18 .actor-info-display-name { 18 .actor-info-display-name {
19 font-size: 20px; 19 font-size: 20px;
20 font-weight: $font-bold; 20 font-weight: $font-bold;
21
22 @media screen and (max-width: $small-view) {
23 font-size: 16px;
24 }
21 } 25 }
22 26
23 .actor-info-username { 27 .actor-info-username {
@@ -48,4 +52,4 @@
48 52
49 position: relative; 53 position: relative;
50 top: -10px; 54 top: -10px;
51} \ No newline at end of file 55}
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 28b466c01..d84766240 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -147,7 +147,7 @@ label {
147 } 147 }
148 148
149 @media screen and (max-width: 500px) { 149 @media screen and (max-width: 500px) {
150 margin-right: 20px; 150 margin-right: 15px;
151 } 151 }
152} 152}
153 153
@@ -382,6 +382,8 @@ table {
382 } 382 }
383 383
384 .sub-menu { 384 .sub-menu {
385 width: 100vw;
386 overflow-x: auto;
385 padding-left: 15px; 387 padding-left: 15px;
386 padding-right: 15px; 388 padding-right: 15px;
387 margin-bottom: 10px; 389 margin-bottom: 10px;
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 9c3f28b28..262a8136f 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -235,6 +235,10 @@
235 position: relative; 235 position: relative;
236 font-size: 15px; 236 font-size: 15px;
237 237
238 @media screen and (max-width: $width) {
239 width: 100%;
240 }
241
238 &:after { 242 &:after {
239 top: 50%; 243 top: 50%;
240 right: calc(0% + 15px); 244 right: calc(0% + 15px);