-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
@mixin responsive-label {
.action-button {
:host {
outline: none;
+ display: inline-block;
}
my-small-loader ::ng-deep .root {
a[class$=-button],
span[class$=-button] {
> span {
- margin-left: 5px;
+ @include margin-left(5px);
}
}
.action-button {
@include peertube-button-link;
@include button-with-icon(21px);
+
+ width: 100%; // useful for ellipsis, allow to define a max-width on host component
}
.orange-button {
@include grey-button;
}
+.button-label {
+ @include ellipsis;
+}
+
// In a table, try to minimize the space taken by this button
@media screen and (max-width: 1400px) {
:host-context(td) {