client/src/app/shared/shared-moderation/moderation.scss

   1 @use 'sass:math';
   2 @use '_mixins' as *;
   3 @use '_variables' as *;
   4 @use '_miniature' as *;
   5
   6 .moderation-expanded {
   7   font-size: 90%;
   8   display: flex;
   9   flex-wrap: wrap;
  10   justify-content: space-between;
  11
  12   .moderation-expanded-label {
  13     @include margin-right(5px);
  14
  15     font-weight: $font-semibold;
  16     display: inline-block;
  17     vertical-align: top;
  18     text-align: end;
  19     min-width: 100px;
  20   }
  21
  22   .moderation-expanded-text {
  23     display: inline-flex;
  24     word-wrap: break-word;
  25
  26     ::ng-deep p:last-child {
  27       margin-bottom: 0 !important;
  28     }
  29   }
  30
  31   .right {
  32     width: 50%;
  33     max-width: 500px;
  34   }
  35
  36   @media screen and (max-width: $primeng-breakpoint) {
  37     .right {
  38       width: 100%;
  39     }
  40   }
  41 }
  42
  43 .chip {
  44   @include chip;
  45 }
  46
  47 my-action-dropdown.show {
  48   ::ng-deep .dropdown-root {
  49     display: block !important;
  50   }
  51 }
  52
  53 .table-comment-link,
  54 .table-account-link {
  55   @include disable-outline;
  56
  57   color: var(--mainForegroundColor);
  58
  59   ::ng-deep p:last-child {
  60     margin: 0;
  61   }
  62 }
  63
  64 .table-account-link {
  65   display: flex;
  66   flex-direction: column;
  67 }
  68
  69 my-abuse-details {
  70   width: 100%;
  71 }
  72
  73 @media screen and (max-width: $primeng-breakpoint) {
  74   .abuse-messages {
  75     justify-content: flex-start !important;
  76   }
  77 }