diff options
Diffstat (limited to 'client/src/app/shared/shared-video-playlist')
3 files changed, 22 insertions, 14 deletions
diff --git a/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss b/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss index cb1168196..5f0798e3c 100644 --- a/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss +++ b/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss | |||
@@ -44,7 +44,7 @@ $timestamp-margin-right: 10px; | |||
44 | } | 44 | } |
45 | 45 | ||
46 | > .optional-rows { | 46 | > .optional-rows { |
47 | padding-left: 24px; | 47 | @include padding-left(24px); |
48 | } | 48 | } |
49 | 49 | ||
50 | &.has-optional-row:hover { | 50 | &.has-optional-row:hover { |
@@ -57,7 +57,7 @@ $timestamp-margin-right: 10px; | |||
57 | display: flex; | 57 | display: flex; |
58 | 58 | ||
59 | my-peertube-checkbox { | 59 | my-peertube-checkbox { |
60 | margin-right: 10px; | 60 | @include margin-right(10px); |
61 | align-self: center; | 61 | align-self: center; |
62 | } | 62 | } |
63 | 63 | ||
@@ -78,15 +78,15 @@ $timestamp-margin-right: 10px; | |||
78 | 78 | ||
79 | my-global-icon { | 79 | my-global-icon { |
80 | @include apply-svg-color(#333); | 80 | @include apply-svg-color(#333); |
81 | @include margin-right(0); | ||
81 | 82 | ||
82 | width: 19px; | 83 | width: 19px; |
83 | height: 19px; | 84 | height: 19px; |
84 | margin-right: 0; | ||
85 | } | 85 | } |
86 | } | 86 | } |
87 | 87 | ||
88 | my-timestamp-input { | 88 | my-timestamp-input { |
89 | margin-right: $timestamp-margin-right; | 89 | @include margin-right($timestamp-margin-right); |
90 | 90 | ||
91 | ::ng-deep .ui-inputtext { | 91 | ::ng-deep .ui-inputtext { |
92 | padding: 0; | 92 | padding: 0; |
@@ -101,20 +101,23 @@ $timestamp-margin-right: 10px; | |||
101 | } | 101 | } |
102 | 102 | ||
103 | my-peertube-checkbox { | 103 | my-peertube-checkbox { |
104 | @include margin-right(0 !important); | ||
105 | |||
104 | display: block; | 106 | display: block; |
105 | width: $optional-rows-checkbox-width; | 107 | width: $optional-rows-checkbox-width; |
106 | margin-right: 0 !important; | ||
107 | } | 108 | } |
108 | 109 | ||
109 | .labels { | 110 | .labels { |
110 | margin-left: $optional-rows-checkbox-width; | 111 | @include margin-left($optional-rows-checkbox-width); |
112 | |||
111 | font-size: 13px; | 113 | font-size: 13px; |
112 | color: pvar(--greyForegroundColor); | 114 | color: pvar(--greyForegroundColor); |
113 | padding-top: 5px; | 115 | padding-top: 5px; |
114 | padding-bottom: 0; | 116 | padding-bottom: 0; |
115 | 117 | ||
116 | div { | 118 | div { |
117 | margin-right: $timestamp-margin-right; | 119 | @include margin-right($timestamp-margin-right); |
120 | |||
118 | width: $timestamp-width; | 121 | width: $timestamp-width; |
119 | } | 122 | } |
120 | } | 123 | } |
@@ -131,11 +134,11 @@ $timestamp-margin-right: 10px; | |||
131 | 134 | ||
132 | my-global-icon { | 135 | my-global-icon { |
133 | @include apply-svg-color(#333); | 136 | @include apply-svg-color(#333); |
137 | @include margin-right(4px); | ||
134 | 138 | ||
135 | position: relative; | 139 | position: relative; |
136 | left: -1px; | 140 | left: -1px; |
137 | top: -1px; | 141 | top: -1px; |
138 | margin-right: 4px; | ||
139 | width: 21px; | 142 | width: 21px; |
140 | height: 21px; | 143 | height: 21px; |
141 | } | 144 | } |
diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss index 9ccd03912..1fe28a682 100644 --- a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss +++ b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss | |||
@@ -17,8 +17,9 @@ my-video-thumbnail { | |||
17 | 17 | ||
18 | my-video-thumbnail, | 18 | my-video-thumbnail, |
19 | .fake-thumbnail { | 19 | .fake-thumbnail { |
20 | @include margin-right(10px); | ||
21 | |||
20 | display: flex; // Avoids an issue with line-height that adds space below the element | 22 | display: flex; // Avoids an issue with line-height that adds space below the element |
21 | margin-right: 10px; | ||
22 | } | 23 | } |
23 | 24 | ||
24 | .video { | 25 | .video { |
@@ -60,8 +61,9 @@ my-video-thumbnail, | |||
60 | cursor: pointer; | 61 | cursor: pointer; |
61 | 62 | ||
62 | .position { | 63 | .position { |
64 | @include margin-right(10px); | ||
65 | |||
63 | font-weight: $font-semibold; | 66 | font-weight: $font-semibold; |
64 | margin-right: 10px; | ||
65 | color: pvar(--greyForegroundColor); | 67 | color: pvar(--greyForegroundColor); |
66 | min-width: 25px; | 68 | min-width: 25px; |
67 | 69 | ||
@@ -101,8 +103,9 @@ my-video-thumbnail, | |||
101 | 103 | ||
102 | .more, | 104 | .more, |
103 | my-edit-button { | 105 | my-edit-button { |
106 | @include margin-left(auto); | ||
107 | |||
104 | justify-self: flex-end; | 108 | justify-self: flex-end; |
105 | margin-left: auto; | ||
106 | cursor: pointer; | 109 | cursor: pointer; |
107 | min-width: 24px; | 110 | min-width: 24px; |
108 | } | 111 | } |
@@ -135,8 +138,9 @@ my-video-thumbnail, | |||
135 | } | 138 | } |
136 | 139 | ||
137 | .timestamp-options { | 140 | .timestamp-options { |
141 | @include padding-left(35px); | ||
142 | |||
138 | padding-top: 0; | 143 | padding-top: 0; |
139 | padding-left: 35px; | ||
140 | margin-bottom: 15px; | 144 | margin-bottom: 15px; |
141 | 145 | ||
142 | > div { | 146 | > div { |
@@ -146,7 +150,7 @@ my-video-thumbnail, | |||
146 | } | 150 | } |
147 | 151 | ||
148 | my-peertube-checkbox { | 152 | my-peertube-checkbox { |
149 | margin-right: 5px; | 153 | @include margin-right(5px); |
150 | } | 154 | } |
151 | 155 | ||
152 | input { | 156 | input { |
diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss index a46a6e475..95bf469ac 100644 --- a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss +++ b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss | |||
@@ -88,9 +88,10 @@ | |||
88 | display: flex; | 88 | display: flex; |
89 | 89 | ||
90 | .miniature-thumbnail { | 90 | .miniature-thumbnail { |
91 | @include margin-right(10px); | ||
92 | |||
91 | width: var(--rowThumbnailWidth); | 93 | width: var(--rowThumbnailWidth); |
92 | height: var(--rowThumbnailHeight); | 94 | height: var(--rowThumbnailHeight); |
93 | margin-right: 10px; | ||
94 | } | 95 | } |
95 | } | 96 | } |
96 | 97 | ||