aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/shared-main
diff options
context:
space:
mode:
authorMs Kimsible <1877318+kimsible@users.noreply.github.com>2021-09-08 10:12:38 +0200
committerGitHub <noreply@github.com>2021-09-08 10:12:38 +0200
commitb16e0cf2484e482105f236f5f3155e467cf71a2f (patch)
tree54c775556f0245d3de24b5baef734cc9eb610866 /client/src/app/shared/shared-main
parentfb72d2e1c24cd4660fd6611ef723c5827c47294c (diff)
downloadPeerTube-b16e0cf2484e482105f236f5f3155e467cf71a2f.tar.gz
PeerTube-b16e0cf2484e482105f236f5f3155e467cf71a2f.tar.zst
PeerTube-b16e0cf2484e482105f236f5f3155e467cf71a2f.zip
Fix broken delete buttons of admin federation lists (#4378)
* Add ellipsis on my-delete button of federation admin * Add ellipsis on button label to define (max-)width on host component Co-authored-by: Ms Kimsible <kimsible@users.noreply.github.com>
Diffstat (limited to 'client/src/app/shared/shared-main')
-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) {