.button-label {
display: none;
}
+
+ my-global-icon {
+ margin: 0 !important;
+ }
}
:host {
}
.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
+
+ &.has-icon {
+ @include button-with-icon(21px);
+ }
+
+ &.icon-only my-global-icon {
+ margin: 0 !important;
+ }
}
-.orange-button {
+.orange-button,
+.grey-button {
@include peertube-button;
- @include orange-button;
}
-.orange-button-link {
+.orange-button-link,
+.grey-button-link {
@include peertube-button-link;
- @include orange-button;
}
-.grey-button {
- @include peertube-button;
- @include grey-button;
+.orange-button,
+.orange-button-link {
+ @include orange-button;
}
+.grey-button,
.grey-button-link {
- @include peertube-button-link;
@include grey-button;
}