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

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .action-button {
   5   @include peertube-button-link;
   6
   7   font-size: 15px;
   8   font-weight: $font-semibold;
   9   color: #585858;
  10   background-color: #E5E5E5;
  11
  12   &:hover {
  13     background-color: #EFEFEF;
  14   }
  15
  16   .icon {
  17     @include icon(21px);
  18
  19     position: relative;
  20     top: -2px;
  21
  22     &.icon-edit {
  23       background-image: url('../../../assets/images/global/edit-grey.svg');
  24     }
  25
  26     &.icon-delete-grey {
  27       background-image: url('../../../assets/images/global/delete-grey.svg');
  28     }
  29   }
  30 }
  31
  32 // In a table, try to minimize the space taken by this button
  33 @media screen and (max-width: 1400px) {
  34   :host-context(td) {
  35     .action-button {
  36       padding: 0 13px;
  37     }
  38
  39     .button-label {
  40       display: none;
  41     }
  42   }
  43 }