From bc4c9cc1d75d591c217d61ab22a107b7f1044c76 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Fri, 7 May 2021 11:25:47 +0200 Subject: Fix mask-image property Needed by chrome --- client/src/sass/include/_mixins.scss | 49 ++++++++---------------------------- 1 file changed, 11 insertions(+), 38 deletions(-) (limited to 'client/src/sass/include') 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 @@ cursor: pointer; } -@mixin select-arrow-down { - top: 50%; - right: calc(0% + 15px); - content: ' '; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border: 5px solid rgba(0, 0, 0, 0); - border-top-color: #000; - margin-top: -2px; - z-index: 100; -} - @mixin responsive-width ($width) { width: $width; @@ -381,7 +367,17 @@ } &::after { - @include select-arrow-down; + top: 50%; + right: calc(0% + 15px); + content: ' '; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border: 5px solid rgba(0, 0, 0, 0); + border-top-color: #000; + margin-top: -2px; + z-index: 100; } select { @@ -849,29 +845,6 @@ } } -@mixin admin-sub-header-responsive { - flex-direction: column; - - .form-sub-title { - margin-right: 0 !important; - margin-bottom: 10px; - text-align: center; - } - - .admin-sub-nav { - display: block; - overflow-x: auto; - white-space: nowrap; - height: 50px; - padding: 10px 0; - width: 100%; - - a { - margin-left: 5px; - } - } -} - // applies ratio (default to 16:9) to a child element (using $selector) only using // an immediate's parent size. This allows to set a ratio without explicit // dimensions, as width/height cannot be computed from each other. -- cgit v1.2.3 From b45afe12f90c654aef8098e55bedfa81ca73b1f4 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Wed, 26 May 2021 16:00:09 +0200 Subject: Fix UI overflows --- client/src/sass/include/_actor.scss | 2 ++ 1 file changed, 2 insertions(+) (limited to 'client/src/sass/include') diff --git a/client/src/sass/include/_actor.scss b/client/src/sass/include/_actor.scss index 38bd90ae6..372e7bd24 100644 --- a/client/src/sass/include/_actor.scss +++ b/client/src/sass/include/_actor.scss @@ -44,6 +44,8 @@ } .actor-display-name { + @include peertube-word-wrap; + display: flex; flex-wrap: wrap; } -- cgit v1.2.3