diff options
author | Chocobozzz <me@florianbigard.com> | 2021-05-07 11:25:47 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2021-05-07 11:26:09 +0200 |
commit | bc4c9cc1d75d591c217d61ab22a107b7f1044c76 (patch) | |
tree | bd308af1530ff45702b3ac548ec59fc6215350ca /client/src/sass/include | |
parent | 52fe9526420b98df78f922ff3680a04ec0f7784e (diff) | |
download | PeerTube-bc4c9cc1d75d591c217d61ab22a107b7f1044c76.tar.gz PeerTube-bc4c9cc1d75d591c217d61ab22a107b7f1044c76.tar.zst PeerTube-bc4c9cc1d75d591c217d61ab22a107b7f1044c76.zip |
Fix mask-image property
Needed by chrome
Diffstat (limited to 'client/src/sass/include')
-rw-r--r-- | client/src/sass/include/_mixins.scss | 49 |
1 files changed, 11 insertions, 38 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index b2083e516..06e55532a 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
@@ -336,20 +336,6 @@ | |||
336 | cursor: pointer; | 336 | cursor: pointer; |
337 | } | 337 | } |
338 | 338 | ||
339 | @mixin select-arrow-down { | ||
340 | top: 50%; | ||
341 | right: calc(0% + 15px); | ||
342 | content: ' '; | ||
343 | height: 0; | ||
344 | width: 0; | ||
345 | position: absolute; | ||
346 | pointer-events: none; | ||
347 | border: 5px solid rgba(0, 0, 0, 0); | ||
348 | border-top-color: #000; | ||
349 | margin-top: -2px; | ||
350 | z-index: 100; | ||
351 | } | ||
352 | |||
353 | @mixin responsive-width ($width) { | 339 | @mixin responsive-width ($width) { |
354 | width: $width; | 340 | width: $width; |
355 | 341 | ||
@@ -381,7 +367,17 @@ | |||
381 | } | 367 | } |
382 | 368 | ||
383 | &::after { | 369 | &::after { |
384 | @include select-arrow-down; | 370 | top: 50%; |
371 | right: calc(0% + 15px); | ||
372 | content: ' '; | ||
373 | height: 0; | ||
374 | width: 0; | ||
375 | position: absolute; | ||
376 | pointer-events: none; | ||
377 | border: 5px solid rgba(0, 0, 0, 0); | ||
378 | border-top-color: #000; | ||
379 | margin-top: -2px; | ||
380 | z-index: 100; | ||
385 | } | 381 | } |
386 | 382 | ||
387 | select { | 383 | select { |
@@ -849,29 +845,6 @@ | |||
849 | } | 845 | } |
850 | } | 846 | } |
851 | 847 | ||
852 | @mixin admin-sub-header-responsive { | ||
853 | flex-direction: column; | ||
854 | |||
855 | .form-sub-title { | ||
856 | margin-right: 0 !important; | ||
857 | margin-bottom: 10px; | ||
858 | text-align: center; | ||
859 | } | ||
860 | |||
861 | .admin-sub-nav { | ||
862 | display: block; | ||
863 | overflow-x: auto; | ||
864 | white-space: nowrap; | ||
865 | height: 50px; | ||
866 | padding: 10px 0; | ||
867 | width: 100%; | ||
868 | |||
869 | a { | ||
870 | margin-left: 5px; | ||
871 | } | ||
872 | } | ||
873 | } | ||
874 | |||
875 | // applies ratio (default to 16:9) to a child element (using $selector) only using | 848 | // applies ratio (default to 16:9) to a child element (using $selector) only using |
876 | // an immediate's parent size. This allows to set a ratio without explicit | 849 | // an immediate's parent size. This allows to set a ratio without explicit |
877 | // dimensions, as width/height cannot be computed from each other. | 850 | // dimensions, as width/height cannot be computed from each other. |