box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
font-size: 15px;
+ color: pvar(--mainForegroundColor);
+ background-color: pvar(--mainBackgroundColor);
+
.dropdown-header {
@include padding-left(1rem);
}
.dropdown-item {
padding: 3px 15px;
+ color: pvar(--mainForegroundColor);
+ background-color: pvar(--mainBackgroundColor);
+
&.active {
color: pvar(--mainBackgroundColor) !important;
background-color: pvar(--mainHoverColor);
opacity: 0.9;
}
- &:active {
+ a:active,
+ &:hover {
color: pvar(--mainForegroundColor) !important;
+ background-color: pvar(--mainBackgroundHoverColor);
}
&::after {
a {
@include disable-default-a-behaviour;
- color: #000 !important;
}
}
margin-bottom: 0;
text-align: end;
- > .peertube-button:not(:first-child) {
+ > *:not(:first-child) {
@include margin-left(10px);
}
}
content: '';
display: block;
position: fixed;
- z-index: z('menu') - 1;
+ z-index: z(overlay);
}
}
}
&.show {
max-height: 1500px;
+ overflow: inherit !important;
}
}
}
}
+.btn-group.select-button {
+ font-weight: $font-semibold;
+
+ .active {
+ @include orange-button;
+ }
+
+ :not(.active) {
+ @include grey-button;
+ }
+
+ > * {
+ @include peertube-button-link;
+
+ box-shadow: none !important;
+
+ &:not(:first-child) {
+ border-top-left-radius: 0 !important;
+ border-bottom-left-radius: 0 !important;
+ }
+
+ &:not(:last-child) {
+ border-top-right-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+ }
+ }
+}
+
// input box-shadow on focus
.form-control {
font-size: 15px;