diff options
Diffstat (limited to 'client/src/app')
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 | ||