client/src/app/shared/buttons/button.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .action-button {
   5   @include peertube-button-link;
   6   @include button-with-icon(21px, 0, -2px);
   7
   8   font-weight: $font-semibold;
   9   color: $grey-foreground-color;
  10   background-color: $grey-background-color;
  11
  12   &:hover {
  13     background-color: $grey-background-hover-color;
  14   }
  15
  16   my-global-icon {
  17     @include apply-svg-color($grey-foreground-color);
  18   }
  19 }
  20
  21 // In a table, try to minimize the space taken by this button
  22 @media screen and (max-width: 1400px) {
  23   :host-context(td) {
  24     .action-button {
  25       padding: 0 13px;
  26     }
  27
  28     .button-label {
  29       display: none;
  30     }
  31   }
  32 }