aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-04-05 11:24:01 +0200
committerChocobozzz <me@florianbigard.com>2021-04-05 11:44:09 +0200
commitfcd8d3e0302cb1e061e6868f3180f0d66e149d18 (patch)
treed40aefa6fcce88698b631b0d2f7b497fd0fd8458
parent55da09587a57dd663f62a7ea335f47fe9fc44f30 (diff)
downloadPeerTube-fcd8d3e0302cb1e061e6868f3180f0d66e149d18.tar.gz
PeerTube-fcd8d3e0302cb1e061e6868f3180f0d66e149d18.tar.zst
PeerTube-fcd8d3e0302cb1e061e6868f3180f0d66e149d18.zip
Fix actor overflows
-rw-r--r--client/src/app/+video-channels/video-channels.component.scss10
-rw-r--r--client/src/sass/include/_actor.scss6
2 files changed, 16 insertions, 0 deletions
diff --git a/client/src/app/+video-channels/video-channels.component.scss b/client/src/app/+video-channels/video-channels.component.scss
index ce33e7be6..2ffd70c89 100644
--- a/client/src/app/+video-channels/video-channels.component.scss
+++ b/client/src/app/+video-channels/video-channels.component.scss
@@ -19,6 +19,16 @@
19 @include grid-videos-miniature-margins; 19 @include grid-videos-miniature-margins;
20} 20}
21 21
22.actor-info {
23 min-width: 1px;
24 width: 100%;
25
26 > h4,
27 > .actor-handle {
28 @include ellipsis;
29 }
30}
31
22.channel-info { 32.channel-info {
23 @include grid-videos-miniature-margins(false, 15px); 33 @include grid-videos-miniature-margins(false, 15px);
24 34
diff --git a/client/src/sass/include/_actor.scss b/client/src/sass/include/_actor.scss
index 5e9607318..8d82a042c 100644
--- a/client/src/sass/include/_actor.scss
+++ b/client/src/sass/include/_actor.scss
@@ -35,6 +35,7 @@
35 35
36 > div { 36 > div {
37 margin-left: $img-margin; 37 margin-left: $img-margin;
38 min-width: 1px;
38 } 39 }
39 40
40 .actor-info { 41 .actor-info {
@@ -42,6 +43,7 @@
42 43
43 > div:first-child { 44 > div:first-child {
44 flex-grow: 1; 45 flex-grow: 1;
46 min-width: 1px;
45 } 47 }
46 } 48 }
47 49
@@ -56,6 +58,10 @@
56 margin: 0; 58 margin: 0;
57 } 59 }
58 60
61 .actor-handle {
62 @include ellipsis;
63 }
64
59 .actor-handle, 65 .actor-handle,
60 .actor-counters { 66 .actor-counters {
61 color: pvar(--greyForegroundColor); 67 color: pvar(--greyForegroundColor);