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

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