@mixin peertube-textarea ($width, $height) {
@include peertube-input-text($width);
- color: pvar(--textareaForegroundColor);
- background-color: pvar(--textareaBackgroundColor);
+ color: pvar(--textareaForegroundColor) !important;
+ background-color: pvar(--textareaBackgroundColor) !important;
height: $height;
padding: 5px 15px;
font-size: 15px;
@mixin grey-button {
@include button-focus($grey-button-outline-color);
- background-color: $grey-background-color;
+ background-color: pvar(--greyBackgroundColor);
color: pvar(--greyForegroundColor);
&:hover,
&[disabled],
&.disabled {
color: pvar(--greyForegroundColor);
- background-color: $grey-background-hover-color;
+ background-color: pvar(--greySecondaryBackgroundColor);
}
&[disabled],
}
@mixin peertube-button {
- @include padding(0, 17px, 0, 13px);
+ padding: 0 13px;
border: 0;
font-weight: $font-semibold;
font-size: 15px;
height: $button-height;
line-height: $button-height;
- // FIXME: because of primeng that redefines border-radius of all input[type="..."]
+
+ // Because of primeng that redefines border-radius of all input[type="..."]
border-radius: 3px !important;
+
text-align: center;
cursor: pointer;
+
+ my-global-icon + * {
+ @include margin-right(4px);
+ }
}
@mixin peertube-button-link {
background: pvar(--inputBackgroundColor);
position: relative;
font-size: 15px;
+ height: min-content;
&.disabled {
background-color: #E5E5E5;
}
}
-@mixin table-badge {
+@mixin peertube-badge {
border-radius: 2px;
padding: 1/4em 1/2em;
text-transform: uppercase;
span {
position: absolute;
color: $grey-foreground-color;
+
@if $small {
top: -1px;
}
height: $avatar-height;
my-actor-avatar {
- @include actor-avatar-size($avatar-height);
+ display: inline-block;
}
div {