X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Badmin%2Fmoderation%2Fvideo-comment-list%2Fvideo-comment-list.component.scss;h=3cf7b8db669b2c83063a753fae6dc0112e32469d;hb=e6492b2de61e5eef5ea9bc1bf19463c065f3f41d;hp=d208944fec52b692955417e7566c728bced71ef6;hpb=939917705fa3fa93ab7036b5e7e9aaf5f1d0023e;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss b/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss index d208944fe..3cf7b8db6 100644 --- a/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss +++ b/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss @@ -1,17 +1,11 @@ -@import 'mixins'; +@use '_mixins' as *; +@use '_variables' as *; -h1 { - my-feed { - margin-left: 5px; - display: inline-block; +my-feed { + @include margin-left(5px); - ::ng-deep { - my-global-icon { - width: 15px !important; - top: 0 !important; - } - } - } + display: inline-block; + width: 15px; } my-global-icon { @@ -19,23 +13,6 @@ my-global-icon { height: 24px; } -.input-group { - @include peertube-input-group(300px); - - .dropdown-toggle::after { - margin-left: 0; - } -} - -.caption { - justify-content: flex-end; - - input { - @include peertube-input-text(250px); - flex-grow: 1; - } -} - .video { display: flex; flex-direction: column; @@ -57,7 +34,8 @@ my-global-icon { max-height: 22px; } - div, p { + div, + p { @include ellipsis; } @@ -66,3 +44,9 @@ my-global-icon { } } } + +@media screen and (max-width: $primeng-breakpoint) { + .video { + align-items: flex-start !important; + } +}