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

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