client/src/app/shared/buttons/action-dropdown.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .dropdown-divider:last-child {
   5   display: none;
   6 }
   7
   8 .action-button {
   9   @include peertube-button;
  10
  11   &.button-styled {
  12
  13     &.grey {
  14       @include grey-button;
  15     }
  16
  17     &.orange {
  18       @include orange-button;
  19     }
  20
  21     &:hover, &:active, &:focus {
  22       background-color: $grey-background-color;
  23     }
  24   }
  25
  26   display: inline-block;
  27   padding: 0 10px;
  28
  29   &::after {
  30     display: none;
  31   }
  32
  33   .more-icon {
  34     width: 21px;
  35
  36     ::ng-deep {
  37       @include apply-svg-color(pvar(--actionButtonColor));
  38     }
  39   }
  40
  41   &.small {
  42     font-size: 14px;
  43     height: 20px;
  44     line-height: 20px;
  45   }
  46 }
  47
  48 .dropdown-toggle::after {
  49   position: relative;
  50   top: 1px;
  51 }
  52
  53 .dropdown-menu {
  54   .dropdown-header {
  55     padding: 0.2rem 1rem;
  56   }
  57
  58   .dropdown-item {
  59     display: flex;
  60     cursor: pointer;
  61     color: #000 !important;
  62
  63     &.with-icon {
  64       @include dropdown-with-icon-item;
  65     }
  66
  67     a, span {
  68       display: block;
  69       width: 100%;
  70     }
  71   }
  72 }