projects
/
oweals
/
peertube.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
WIP plugins: update plugin
[oweals/peertube.git]
/
client
/
src
/
app
/
shared
/
buttons
/
action-dropdown.component.scss
diff --git
a/client/src/app/shared/buttons/action-dropdown.component.scss
b/client/src/app/shared/buttons/action-dropdown.component.scss
index 00f120fb8ea5831292bb334544a290703d89ade6..7c2b0db71b2c53365a67b6a5b8a3e9dec771db36 100644
(file)
--- a/
client/src/app/shared/buttons/action-dropdown.component.scss
+++ b/
client/src/app/shared/buttons/action-dropdown.component.scss
@@
-1,9
+1,27
@@
@import '_variables';
@import '_mixins';
@import '_variables';
@import '_mixins';
+.dropdown-divider:last-child {
+ display: none;
+}
+
.action-button {
@include peertube-button;
.action-button {
@include peertube-button;
- @include grey-button;
+
+ &.button-styled {
+
+ &.grey {
+ @include grey-button;
+ }
+
+ &.orange {
+ @include orange-button;
+ }
+
+ &:hover, &:active, &:focus {
+ background-color: $grey-background-color;
+ }
+ }
display: inline-block;
padding: 0 10px;
display: inline-block;
padding: 0 10px;
@@
-12,15
+30,12
@@
display: none;
}
display: none;
}
- &:hover, &:active, &:focus {
- background-color: $grey-color;
- }
-
- .icon-action {
- @include icon(21px);
+ .more-icon {
+ width: 21px;
- background-image: url('../../../assets/images/video/more.svg');
- top: -1px;
+ /deep/ {
+ @include apply-svg-color(var(--mainForegroundColor));
+ }
}
&.small {
}
&.small {
@@
-30,9
+45,23
@@
}
}
}
}
+.dropdown-toggle::after {
+ position: relative;
+ top: 1px;
+}
+
.dropdown-menu {
.dropdown-item {
cursor: pointer;
color: #000 !important;
.dropdown-menu {
.dropdown-item {
cursor: pointer;
color: #000 !important;
+
+ &.with-icon {
+ @include dropdown-with-icon-item;
+ }
+
+ a, span {
+ display: block;
+ width: 100%;
+ }
}
}
-}
\ No newline at end of file
+}