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
  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     &.with-icon {
  55       @include dropdown-with-icon-item;
  56     }
  57
  58     a, span {
  59       display: block;
  60       width: 100%;
  61     }
  62   }
  63 }