.action-button {
@include peertube-button;
- &.grey {
- @include grey-button;
- }
+ &.button-styled {
+
+ &.grey {
+ @include grey-button;
+ }
- &.orange {
- @include orange-button;
+ &.orange {
+ @include orange-button;
+ }
+
+ &:hover, &:active, &:focus {
+ background-color: $grey-background-color;
+ }
}
display: inline-block;
display: none;
}
- &:hover, &:active, &:focus {
- background-color: $grey-color;
- }
+ .more-icon {
+ width: 21px;
- .icon-action {
- @include icon(21px);
-
- background-image: url('../../../assets/images/video/more.svg');
- top: -1px;
+ ::ng-deep {
+ @include apply-svg-color(pvar(--actionButtonColor));
+ }
}
&.small {
}
.dropdown-menu {
+ .dropdown-header {
+ padding: 0.2rem 1rem;
+ }
+
.dropdown-item {
+ display: flex;
cursor: pointer;
color: #000 !important;
+ &.with-icon {
+ @include dropdown-with-icon-item;
+ }
+
a, span {
display: block;
width: 100%;