@import '_variables';
@import '_mixins';
+.dropdown-divider:last-child {
+ display: none;
+}
+
.action-button {
@include peertube-button;
- @include grey-button;
- &:hover, &:active, &:focus {
- background-color: $grey-color;
+ &.button-styled {
+
+ &.grey {
+ @include grey-button;
+ }
+
+ &.orange {
+ @include orange-button;
+ }
+
+ &:hover, &:active, &:focus {
+ background-color: $grey-background-color;
+ }
}
display: inline-block;
padding: 0 10px;
- .icon-action {
- @include icon(21px);
+ &::after {
+ display: none;
+ }
+
+ .more-icon {
+ width: 21px;
+
+ ::ng-deep {
+ @include apply-svg-color(var(--mainForegroundColor));
+ }
+ }
+
+ &.small {
+ font-size: 14px;
+ height: 20px;
+ line-height: 20px;
+ }
+}
+
+.dropdown-toggle::after {
+ position: relative;
+ top: 1px;
+}
+
+.dropdown-menu {
+ .dropdown-item {
+ cursor: pointer;
+ color: #000 !important;
+
+ &.with-icon {
+ @include dropdown-with-icon-item;
+ }
- background-image: url('../../../assets/images/video/more.svg');
- top: -1px;
+ a, span {
+ display: block;
+ width: 100%;
+ }
}
-}
\ No newline at end of file
+}