aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-02-03 22:33:28 +0100
committerRigel Kent <sendmemail@rigelk.eu>2020-02-13 16:34:16 +0100
commitece3029bd99a76b3c48a1cc8c58914c5cf61f106 (patch)
treeaaad61d1e4ba58896959307510098c7cd018b58b
parent9677fca772349248925da6c5f34f600e9a2abbe6 (diff)
downloadPeerTube-ece3029bd99a76b3c48a1cc8c58914c5cf61f106.tar.gz
PeerTube-ece3029bd99a76b3c48a1cc8c58914c5cf61f106.tar.zst
PeerTube-ece3029bd99a76b3c48a1cc8c58914c5cf61f106.zip
Media queries to use variables when possible
-rw-r--r--client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss2
-rw-r--r--client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.scss2
-rw-r--r--client/src/app/+signup/+register/register.component.scss2
-rw-r--r--client/src/app/app.component.scss2
-rw-r--r--client/src/app/core/hotkeys/hotkeys.component.scss3
-rw-r--r--client/src/sass/application.scss2
-rw-r--r--client/src/sass/include/_miniature.scss2
7 files changed, 8 insertions, 7 deletions
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 20582e478..db0c7f94f 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
@@ -58,7 +58,7 @@
58 margin: 20px 0 50px; 58 margin: 20px 0 50px;
59} 59}
60 60
61@media screen and (max-width: 800px) { 61@media screen and (max-width: $small-view) {
62 .video-channels-header { 62 .video-channels-header {
63 text-align: center; 63 text-align: center;
64 } 64 }
diff --git a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.scss b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.scss
index 4e4156b22..aed3302ba 100644
--- a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.scss
+++ b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.scss
@@ -43,7 +43,7 @@
43 } 43 }
44} 44}
45 45
46@media screen and (max-width: 800px) { 46@media screen and (max-width: $small-view) {
47 .video-playlists-header { 47 .video-playlists-header {
48 text-align: center; 48 text-align: center;
49 } 49 }
diff --git a/client/src/app/+signup/+register/register.component.scss b/client/src/app/+signup/+register/register.component.scss
index 2f62dd59d..e135b5cb4 100644
--- a/client/src/app/+signup/+register/register.component.scss
+++ b/client/src/app/+signup/+register/register.component.scss
@@ -44,7 +44,7 @@
44 } 44 }
45 } 45 }
46 46
47 @media screen and (max-width: 500px) { 47 @media screen and (max-width: $mobile-view) {
48 width: auto; 48 width: auto;
49 } 49 }
50 } 50 }
diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index 7a6710829..a7be8e1af 100644
--- a/client/src/app/app.component.scss
+++ b/client/src/app/app.component.scss
@@ -61,7 +61,7 @@
61 } 61 }
62 } 62 }
63 63
64 @media screen and (max-width: 500px) { 64 @media screen and (max-width: $mobile-view) {
65 width: 70px; 65 width: 70px;
66 66
67 .peertube-title { 67 .peertube-title {
diff --git a/client/src/app/core/hotkeys/hotkeys.component.scss b/client/src/app/core/hotkeys/hotkeys.component.scss
index 02c8c59aa..a970260c9 100644
--- a/client/src/app/core/hotkeys/hotkeys.component.scss
+++ b/client/src/app/core/hotkeys/hotkeys.component.scss
@@ -1,3 +1,4 @@
1@import '_variables';
1@import '_mixins'; 2@import '_mixins';
2 3
3.cfp-hotkeys-container { 4.cfp-hotkeys-container {
@@ -93,7 +94,7 @@
93 cursor: pointer; 94 cursor: pointer;
94} 95}
95 96
96@media all and (max-width: 500px) { 97@media all and (max-width: $mobile-view) {
97 .cfp-hotkeys { 98 .cfp-hotkeys {
98 font-size: 0.8em; 99 font-size: 0.8em;
99 } 100 }
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 4ad14ea5b..6bf345789 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -167,7 +167,7 @@ label {
167 color: var(--mainForegroundColor); 167 color: var(--mainForegroundColor);
168 } 168 }
169 169
170 @media screen and (max-width: 500px) { 170 @media screen and (max-width: $mobile-view) {
171 margin-right: 15px; 171 margin-right: 15px;
172 } 172 }
173} 173}
diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss
index b0e07d61a..c1d1b3c59 100644
--- a/client/src/sass/include/_miniature.scss
+++ b/client/src/sass/include/_miniature.scss
@@ -240,7 +240,7 @@ $play-overlay-width: 18px;
240 width: $video-miniature-width * 2; 240 width: $video-miniature-width * 2;
241 } 241 }
242 242
243 @media screen and (max-width: 500px) { 243 @media screen and (max-width: $mobile-view) {
244 width: auto; 244 width: auto;
245 margin: 0 !important; 245 margin: 0 !important;
246 246