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