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-color;
  28   }
  29
  30   .icon-action {
  31     @include icon(21px);
  32
  33     background-image: url('../../../assets/images/video/more.svg');
  34     top: -1px;
  35   }
  36
  37   &.small {
  38     font-size: 14px;
  39     height: 20px;
  40     line-height: 20px;
  41   }
  42 }
  43
  44 .dropdown-toggle::after {
  45   position: relative;
  46   top: 1px;
  47 }
  48
  49 .dropdown-menu {
  50   .dropdown-item {
  51     cursor: pointer;
  52     color: #000 !important;
  53
  54     a, span {
  55       display: block;
  56       width: 100%;
  57     }
  58   }
  59 }