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

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 my-small-loader ::ng-deep .root {
   5   display: inline-block;
   6   margin: 0 3px 0 0;
   7   width: 20px;
   8 }
   9
  10 .action-button {
  11   @include peertube-button-link;
  12   @include button-with-icon(21px, 0, -2px);
  13 }
  14
  15 .orange-button {
  16   @include peertube-button;
  17   @include orange-button;
  18 }
  19
  20 .orange-button-link {
  21   @include peertube-button-link;
  22   @include orange-button;
  23 }
  24
  25 .grey-button {
  26   @include peertube-button;
  27   @include grey-button;
  28 }
  29
  30 .grey-button-link {
  31   @include peertube-button-link;
  32   @include grey-button;
  33 }
  34
  35 // In a table, try to minimize the space taken by this button
  36 @media screen and (max-width: 1400px) {
  37   :host-context(td) {
  38     .action-button {
  39       padding: 0 13px;
  40     }
  41
  42     .button-label {
  43       display: none;
  44     }
  45   }
  46 }