aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-03-31 11:21:10 +0200
committerChocobozzz <me@florianbigard.com>2021-03-31 11:21:10 +0200
commitd794137057fc5fcea10ddd29f82e79ee2412fea4 (patch)
treeda37f7efd604687c243cb2cd2cad6af932dcab8a /client/src/app
parent218f730c7bceda5511d46f26191e7b1726c9ffd3 (diff)
downloadPeerTube-d794137057fc5fcea10ddd29f82e79ee2412fea4.tar.gz
PeerTube-d794137057fc5fcea10ddd29f82e79ee2412fea4.tar.zst
PeerTube-d794137057fc5fcea10ddd29f82e79ee2412fea4.zip
Refactor horizontal margins
Diffstat (limited to 'client/src/app')
-rw-r--r--client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss4
-rw-r--r--client/src/app/+my-library/my-videos/my-videos.component.scss15
-rw-r--r--client/src/app/shared/shared-forms/markdown-textarea.component.scss2
3 files changed, 3 insertions, 18 deletions
diff --git a/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss b/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss
index 90434fcf1..87a836a46 100644
--- a/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss
+++ b/client/src/app/+my-library/my-video-playlists/my-video-playlist-elements.component.scss
@@ -4,7 +4,7 @@
4 4
5.playlist-info { 5.playlist-info {
6 background-color: pvar(--submenuBackgroundColor); 6 background-color: pvar(--submenuBackgroundColor);
7 margin-left: -$not-expanded-horizontal-margins; 7 margin-left: calc(#{pvar(--horizontalMarginContent)} * -1);
8 margin-top: -$sub-menu-margin-bottom; 8 margin-top: -$sub-menu-margin-bottom;
9 9
10 padding: 10px; 10 padding: 10px;
@@ -63,7 +63,7 @@
63 .playlist-info { 63 .playlist-info {
64 width: 100vw; 64 width: 100vw;
65 padding-top: 20px; 65 padding-top: 20px;
66 margin-left: calc(#{var(--expanded-horizontal-margin-content)} * -1); 66 margin-bottom: 10px;
67 } 67 }
68 68
69 .playlist-elements { 69 .playlist-elements {
diff --git a/client/src/app/+my-library/my-videos/my-videos.component.scss b/client/src/app/+my-library/my-videos/my-videos.component.scss
index 59fc5fe80..57473896b 100644
--- a/client/src/app/+my-library/my-videos/my-videos.component.scss
+++ b/client/src/app/+my-library/my-videos/my-videos.component.scss
@@ -112,21 +112,6 @@ my-edit-button {
112 } 112 }
113} 113}
114 114
115// Adapt my-video-miniature on small screens with menu
116@media screen and (min-width: $small-view) and (max-width: #{breakpoint(lg) + ($not-expanded-horizontal-margins / 3) * 2}) {
117 :host-context(.main-col:not(.expanded)) {
118 ::ng-deep {
119 .video-miniature {
120 flex-direction: column;
121
122 .video-miniature-name {
123 max-width: $video-thumbnail-width;
124 }
125 }
126 }
127 }
128}
129
130@media screen and (max-width: $mobile-view) { 115@media screen and (max-width: $mobile-view) {
131 .videos-header { 116 .videos-header {
132 flex-direction: column; 117 flex-direction: column;
diff --git a/client/src/app/shared/shared-forms/markdown-textarea.component.scss b/client/src/app/shared/shared-forms/markdown-textarea.component.scss
index fcddfea03..8203c7d1c 100644
--- a/client/src/app/shared/shared-forms/markdown-textarea.component.scss
+++ b/client/src/app/shared/shared-forms/markdown-textarea.component.scss
@@ -131,7 +131,7 @@ $input-border-radius: 3px;
131 border-right: none; 131 border-right: none;
132 132
133 :last-child { 133 :last-child {
134 margin-right: $not-expanded-horizontal-margins; 134 margin-right: pvar(--horizontalMarginContent);
135 } 135 }
136 } 136 }
137 137