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

   1 @use 'sass:math';
   2 @use '_variables' as *;
   3 @use '_mixins' 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 my-action-dropdown.show {
  44   ::ng-deep .dropdown-root {
  45     display: block !important;
  46   }
  47 }
  48
  49 .table-comment-link,
  50 .table-account-link {
  51   @include disable-outline;
  52
  53   color: var(--mainForegroundColor);
  54
  55   ::ng-deep p:last-child {
  56     margin: 0;
  57   }
  58 }
  59
  60 .table-account-link {
  61   display: flex;
  62   flex-direction: column;
  63 }
  64
  65 my-abuse-details {
  66   width: 100%;
  67 }
  68
  69 @media screen and (max-width: $primeng-breakpoint) {
  70   .abuse-messages {
  71     justify-content: flex-start !important;
  72   }
  73 }