X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fshared-abuse-list%2Fabuse-list-table.component.scss;h=5da6249639cbdb525737b2e7fd7e745616c7574c;hb=5beb89f223539f1e415a976ff104f772526b4d20;hp=7ed7c9e878e8fde08bf9bd1c7d68d3feb1ecbe03;hpb=94148c9028829b5576a5dcbfba2c7fb9cf6443d3;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/shared/shared-abuse-list/abuse-list-table.component.scss b/client/src/app/shared/shared-abuse-list/abuse-list-table.component.scss index 7ed7c9e87..5da624963 100644 --- a/client/src/app/shared/shared-abuse-list/abuse-list-table.component.scss +++ b/client/src/app/shared/shared-abuse-list/abuse-list-table.component.scss @@ -1,98 +1,9 @@ -@import 'variables'; -@import 'mixins'; -@import 'miniature'; - -.table-video-link { - @include disable-outline; - - position: relative; - top: 3px; -} - -.table-comment-link, -.table-account-link { - @include disable-outline; - - color: var(--mainForegroundColor); - - ::ng-deep p:last-child { - margin: 0; - } -} - -.table-account-link { - display: flex; - flex-direction: column; -} - .comment-flagged-account, .account-flagged-handle { font-size: 11px; color: var(--greyForegroundColor); } -.table-video { - display: inline-flex; - - .table-video-image { - @include miniature-thumbnail; - - $image-height: 45px; - - height: $image-height; - width: #{(16/9) * $image-height}; - margin-right: 0.5rem; - border-radius: 2px; - border: none; - background: transparent; - display: inline-flex; - justify-content: center; - align-items: center; - position: relative; - - img { - height: 100%; - width: 100%; - border-radius: 2px; - } - - span { - color: pvar(--inputPlaceholderColor); - } - - .table-video-image-label { - @include static-thumbnail-overlay; - position: absolute; - border-radius: 3px; - font-size: 10px; - padding: 0 3px; - line-height: 1.3; - bottom: 2px; - right: 2px; - } - } - - .table-video-text { - display: inline-flex; - flex-direction: column; - justify-content: center; - font-size: 90%; - color: pvar(--mainForegroundColor); - line-height: 1rem; - - div .glyphicon { - font-size: 80%; - color: gray; - margin-left: 0.1rem; - } - - div + div { - color: var(--greyForegroundColor); - font-size: 11px; - } - } -} - .abuse-states .glyphicon-comment { margin-left: 0.5rem; }