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-size: 15px;
   9   font-weight: $font-semibold;
  10   color: $grey-foreground-color;
  11   background-color: $grey-background-color;
  12
  13   &:hover {
  14     background-color: $grey-background-hover-color;
  15   }
  16
  17   my-global-icon {
  18     @include apply-svg-color($grey-foreground-color);
  19   }
  20 }
  21
  22 // In a table, try to minimize the space taken by this button
  23 @media screen and (max-width: 1400px) {
  24   :host-context(td) {
  25     .action-button {
  26       padding: 0 13px;
  27     }
  28
  29     .button-label {
  30       display: none;
  31     }
  32   }
  33 }