diff options
Diffstat (limited to 'client/src/sass/include')
-rw-r--r-- | client/src/sass/include/_mixins.scss | 26 |
1 files changed, 15 insertions, 11 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index f608e9299..caa79bf04 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
@@ -224,6 +224,20 @@ | |||
224 | cursor: pointer; | 224 | cursor: pointer; |
225 | } | 225 | } |
226 | 226 | ||
227 | @mixin select-arrow-down { | ||
228 | top: 50%; | ||
229 | right: calc(0% + 15px); | ||
230 | content: " "; | ||
231 | height: 0; | ||
232 | width: 0; | ||
233 | position: absolute; | ||
234 | pointer-events: none; | ||
235 | border: 5px solid rgba(0, 0, 0, 0); | ||
236 | border-top-color: #000; | ||
237 | margin-top: -2px; | ||
238 | z-index: 100; | ||
239 | } | ||
240 | |||
227 | @mixin peertube-select-container ($width) { | 241 | @mixin peertube-select-container ($width) { |
228 | padding: 0; | 242 | padding: 0; |
229 | margin: 0; | 243 | margin: 0; |
@@ -248,17 +262,7 @@ | |||
248 | } | 262 | } |
249 | 263 | ||
250 | &:after { | 264 | &:after { |
251 | top: 50%; | 265 | @include select-arrow-down; |
252 | right: calc(0% + 15px); | ||
253 | content: " "; | ||
254 | height: 0; | ||
255 | width: 0; | ||
256 | position: absolute; | ||
257 | pointer-events: none; | ||
258 | border: 5px solid rgba(0, 0, 0, 0); | ||
259 | border-top-color: #000; | ||
260 | margin-top: -2px; | ||
261 | z-index: 100; | ||
262 | } | 266 | } |
263 | 267 | ||
264 | select { | 268 | select { |