client/src/app/shared/shared-abuse-list/abuse-list-table.component.scss

   1 @import 'variables';
   2 @import 'mixins';
   3 @import 'miniature';
   4
   5 .table-video-link {
   6   @include disable-outline;
   7
   8   position: relative;
   9   top: 3px;
  10 }
  11
  12 .table-comment-link,
  13 .table-account-link {
  14   @include disable-outline;
  15
  16   color: var(--mainForegroundColor);
  17
  18   ::ng-deep p:last-child {
  19     margin: 0;
  20   }
  21 }
  22
  23 .table-account-link {
  24   display: flex;
  25   flex-direction: column;
  26 }
  27
  28 .comment-flagged-account,
  29 .account-flagged-handle {
  30   font-size: 11px;
  31   color: var(--greyForegroundColor);
  32 }
  33
  34 .table-video {
  35   display: inline-flex;
  36
  37   .table-video-image {
  38     @include miniature-thumbnail;
  39
  40     $image-height: 45px;
  41
  42     height: $image-height;
  43     width: #{(16/9) * $image-height};
  44     margin-right: 0.5rem;
  45     border-radius: 2px;
  46     border: none;
  47     background: transparent;
  48     display: inline-flex;
  49     justify-content: center;
  50     align-items: center;
  51     position: relative;
  52
  53     img {
  54       height: 100%;
  55       width: 100%;
  56       border-radius: 2px;
  57     }
  58
  59     span {
  60       color: pvar(--inputPlaceholderColor);
  61     }
  62
  63     .table-video-image-label {
  64       @include static-thumbnail-overlay;
  65       position: absolute;
  66       border-radius: 3px;
  67       font-size: 10px;
  68       padding: 0 3px;
  69       line-height: 1.3;
  70       bottom: 2px;
  71       right: 2px;
  72     }
  73   }
  74
  75   .table-video-text {
  76     display: inline-flex;
  77     flex-direction: column;
  78     justify-content: center;
  79     font-size: 90%;
  80     color: pvar(--mainForegroundColor);
  81     line-height: 1rem;
  82
  83     div .glyphicon {
  84       font-size: 80%;
  85       color: gray;
  86       margin-left: 0.1rem;
  87     }
  88
  89     div + div {
  90       color: var(--greyForegroundColor);
  91       font-size: 11px;
  92     }
  93   }
  94 }
  95
  96 .abuse-states .glyphicon-comment {
  97   margin-left: 0.5rem;
  98 }
  99
 100 .abuse-messages {
 101   my-global-icon {
 102     width: 22px;
 103     margin-left: 3px;
 104     position: relative;
 105     top: -2px;
 106   }
 107 }