client/src/app/+admin/overview/comments/video-comment-list.component.scss

   1 @use '_mixins' as *;
   2 @use '_variables' as *;
   3
   4 my-feed {
   5   @include margin-left(5px);
   6
   7   display: inline-block;
   8   width: 15px;
   9 }
  10
  11 my-global-icon {
  12   width: 24px;
  13   height: 24px;
  14 }
  15
  16 .video {
  17   display: flex;
  18   flex-direction: column;
  19
  20   em {
  21     font-size: 11px;
  22   }
  23
  24   a {
  25     @include ellipsis;
  26
  27     color: pvar(--mainForegroundColor);
  28   }
  29 }
  30
  31 .comment-html {
  32   ::ng-deep {
  33     > div {
  34       max-height: 22px;
  35     }
  36
  37     div,
  38     p {
  39       @include ellipsis;
  40     }
  41
  42     p {
  43       margin: 0;
  44     }
  45   }
  46 }
  47
  48 .right-form {
  49   display: flex;
  50
  51   > *:not(:last-child) {
  52     @include margin-right(10px);
  53   }
  54 }
  55
  56 @media screen and (max-width: $primeng-breakpoint) {
  57   .video {
  58     align-items: flex-start !important;
  59   }
  60 }