aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/shared')
-rw-r--r--client/src/app/shared/shared-main/buttons/button.component.scss7
1 files changed, 7 insertions, 0 deletions
diff --git a/client/src/app/shared/shared-main/buttons/button.component.scss b/client/src/app/shared/shared-main/buttons/button.component.scss
index e74ba0221..c782ac3ef 100644
--- a/client/src/app/shared/shared-main/buttons/button.component.scss
+++ b/client/src/app/shared/shared-main/buttons/button.component.scss
@@ -13,6 +13,7 @@
13 13
14:host { 14:host {
15 outline: none; 15 outline: none;
16 display: inline-block;
16} 17}
17 18
18my-small-loader ::ng-deep .root { 19my-small-loader ::ng-deep .root {
@@ -31,6 +32,8 @@ span[class$=-button] {
31.action-button { 32.action-button {
32 @include peertube-button-link; 33 @include peertube-button-link;
33 @include button-with-icon(21px); 34 @include button-with-icon(21px);
35
36 width: 100%; // useful for ellipsis, allow to define a max-width on host component
34} 37}
35 38
36.orange-button { 39.orange-button {
@@ -53,6 +56,10 @@ span[class$=-button] {
53 @include grey-button; 56 @include grey-button;
54} 57}
55 58
59.button-label {
60 @include ellipsis;
61}
62
56// In a table, try to minimize the space taken by this button 63// In a table, try to minimize the space taken by this button
57@media screen and (max-width: 1400px) { 64@media screen and (max-width: 1400px) {
58 :host-context(td) { 65 :host-context(td) {