client/src/app/shared/shared-main/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 span[class$=-button] {
  11   > span {
  12     margin-left: 5px;
  13   }
  14 }
  15
  16 .action-button {
  17   @include peertube-button-link;
  18   @include button-with-icon(21px, 0, -1px);
  19 }
  20
  21 .orange-button {
  22   @include peertube-button;
  23   @include orange-button;
  24 }
  25
  26 .orange-button-link {
  27   @include peertube-button-link;
  28   @include orange-button;
  29 }
  30
  31 .grey-button {
  32   @include peertube-button;
  33   @include grey-button;
  34 }
  35
  36 .grey-button-link {
  37   @include peertube-button-link;
  38   @include grey-button;
  39 }
  40
  41 // In a table, try to minimize the space taken by this button
  42 @media screen and (max-width: 1400px) {
  43   :host-context(td) {
  44     .action-button {
  45       padding: 0 13px;
  46     }
  47
  48     .button-label {
  49       display: none;
  50     }
  51   }
  52 }