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

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .action-button {
   5   @include peertube-button;
   6
   7   &.grey {
   8     @include grey-button;
   9   }
  10
  11   &.orange {
  12     @include orange-button;
  13   }
  14
  15   display: inline-block;
  16   padding: 0 10px;
  17
  18   &::after {
  19     display: none;
  20   }
  21
  22   &:hover, &:active, &:focus {
  23     background-color: $grey-color;
  24   }
  25
  26   .icon-action {
  27     @include icon(21px);
  28
  29     background-image: url('../../../assets/images/video/more.svg');
  30     top: -1px;
  31   }
  32
  33   &.small {
  34     font-size: 14px;
  35     height: 20px;
  36     line-height: 20px;
  37   }
  38 }
  39
  40 .dropdown-toggle::after {
  41   position: relative;
  42   top: 1px;
  43 }
  44
  45 .dropdown-menu {
  46   .dropdown-item {
  47     cursor: pointer;
  48     color: #000 !important;
  49
  50     a, span {
  51       display: block;
  52       width: 100%;
  53     }
  54   }
  55 }