projects
/
oweals
/
peertube.git
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (parent:
9677fca
)
Media queries to use variables when possible
author
Rigel Kent
<sendmemail@rigelk.eu>
Mon, 3 Feb 2020 21:33:28 +0000
(22:33 +0100)
committer
Rigel Kent
<sendmemail@rigelk.eu>
Thu, 13 Feb 2020 15:34:16 +0000
(16:34 +0100)
client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss
patch
|
blob
|
history
client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.scss
patch
|
blob
|
history
client/src/app/+signup/+register/register.component.scss
patch
|
blob
|
history
client/src/app/app.component.scss
patch
|
blob
|
history
client/src/app/core/hotkeys/hotkeys.component.scss
patch
|
blob
|
history
client/src/sass/application.scss
patch
|
blob
|
history
client/src/sass/include/_miniature.scss
patch
|
blob
|
history
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 20582e478a29afcc5f7ff87e7913c812424af9fa..db0c7f94faf0580f63d2257bbb10d8085ea636c9 100644
(file)
--- 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
@@
margin: 20px 0 50px;
}
margin: 20px 0 50px;
}
-@media screen and (max-width:
800px
) {
+@media screen and (max-width:
$small-view
) {
.video-channels-header {
text-align: center;
}
.video-channels-header {
text-align: center;
}
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 4e4156b22c605a11fbb13fe56dbf8647699f2979..aed3302ba45b37d1489cfac0776f7dd726b0108d 100644
(file)
--- 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
@@
}
}
}
}
-@media screen and (max-width:
800px
) {
+@media screen and (max-width:
$small-view
) {
.video-playlists-header {
text-align: center;
}
.video-playlists-header {
text-align: center;
}
diff --git
a/client/src/app/+signup/+register/register.component.scss
b/client/src/app/+signup/+register/register.component.scss
index 2f62dd59db594a39eb87f44a0aba61ce44edbaf6..e135b5cb4312488b91a7f4bb3845051f01d5c9bb 100644
(file)
--- a/
client/src/app/+signup/+register/register.component.scss
+++ b/
client/src/app/+signup/+register/register.component.scss
@@
-44,7
+44,7
@@
}
}
}
}
- @media screen and (max-width:
500px
) {
+ @media screen and (max-width:
$mobile-view
) {
width: auto;
}
}
width: auto;
}
}
diff --git
a/client/src/app/app.component.scss
b/client/src/app/app.component.scss
index 7a6710829efcdba6ae293c329c3b6903efeebc8d..a7be8e1afa6af7ca9239e148fb6cce4f839282c9 100644
(file)
--- a/
client/src/app/app.component.scss
+++ b/
client/src/app/app.component.scss
@@
-61,7
+61,7
@@
}
}
}
}
- @media screen and (max-width:
500px
) {
+ @media screen and (max-width:
$mobile-view
) {
width: 70px;
.peertube-title {
width: 70px;
.peertube-title {
diff --git
a/client/src/app/core/hotkeys/hotkeys.component.scss
b/client/src/app/core/hotkeys/hotkeys.component.scss
index 02c8c59aa7a34c3786c0141a487c65bf746479cb..a970260c9294546bc8a4f6e5498e3e393b187614 100644
(file)
--- a/
client/src/app/core/hotkeys/hotkeys.component.scss
+++ b/
client/src/app/core/hotkeys/hotkeys.component.scss
@@
-1,3
+1,4
@@
+@import '_variables';
@import '_mixins';
.cfp-hotkeys-container {
@import '_mixins';
.cfp-hotkeys-container {
@@
-93,7
+94,7
@@
cursor: pointer;
}
cursor: pointer;
}
-@media all and (max-width:
500px
) {
+@media all and (max-width:
$mobile-view
) {
.cfp-hotkeys {
font-size: 0.8em;
}
.cfp-hotkeys {
font-size: 0.8em;
}
diff --git
a/client/src/sass/application.scss
b/client/src/sass/application.scss
index 4ad14ea5bc89c5c0945d5e3570fc8fc6c83a752e..6bf3457895c4f1c9ff8b788cd43cabd59f699582 100644
(file)
--- a/
client/src/sass/application.scss
+++ b/
client/src/sass/application.scss
@@
-167,7
+167,7
@@
label {
color: var(--mainForegroundColor);
}
color: var(--mainForegroundColor);
}
- @media screen and (max-width:
500px
) {
+ @media screen and (max-width:
$mobile-view
) {
margin-right: 15px;
}
}
margin-right: 15px;
}
}
diff --git
a/client/src/sass/include/_miniature.scss
b/client/src/sass/include/_miniature.scss
index b0e07d61a1823da78d8f152b895e4cfa78afa396..c1d1b3c590afc82fd372ad53aa3d321174efff7f 100644
(file)
--- a/
client/src/sass/include/_miniature.scss
+++ b/
client/src/sass/include/_miniature.scss
@@
-240,7
+240,7
@@
$play-overlay-width: 18px;
width: $video-miniature-width * 2;
}
width: $video-miniature-width * 2;
}
- @media screen and (max-width:
500px
) {
+ @media screen and (max-width:
$mobile-view
) {
width: auto;
margin: 0 !important;
width: auto;
margin: 0 !important;