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