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   &.grey {
  12     @include grey-button;
  13   }
  14
  15   &.orange {
  16     @include orange-button;
  17   }
  18
  19   display: inline-block;
  20   padding: 0 10px;
  21
  22   &::after {
  23     display: none;
  24   }
  25
  26   &:hover, &:active, &:focus {
  27     background-color: $grey-background-color;
  28   }
  29
  30   .more-icon {
  31     width: 21px;
  32   }
  33
  34   &.small {
  35     font-size: 14px;
  36     height: 20px;
  37     line-height: 20px;
  38   }
  39 }
  40
  41 .dropdown-toggle::after {
  42   position: relative;
  43   top: 1px;
  44 }
  45
  46 .dropdown-menu {
  47   .dropdown-item {
  48     cursor: pointer;
  49     color: #000 !important;
  50
  51     a, span {
  52       display: block;
  53       width: 100%;
  54     }
  55   }
  56 }