X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Finclude%2F_mixins.scss;h=b2083e51653d3445e4745e062f22178cd43a7536;hb=c27463a603186b623500b03c6a56b330a6568350;hp=f2f4628f71e842d0ce22492946faa7a47b6f7da9;hpb=cd262619abe8b694b1899f0a196b0ff42e0c4a2a;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index f2f4628f7..b2083e516 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -50,11 +50,14 @@
   }
 }
 
-@mixin peertube-word-wrap {
+@mixin peertube-word-wrap ($with-hyphen: true) {
   word-break: break-word;
   word-wrap: break-word;
   overflow-wrap: break-word;
-  hyphens: auto;
+
+  @if $with-hyphen {
+    hyphens: auto;
+  }
 }
 
 @mixin apply-svg-color ($color) {
@@ -821,7 +824,7 @@
     --chip-padding: .2rem .3rem;
   }
 
-  ::ng-deep .avatar {
+  my-actor-avatar {
     margin-left: -.4rem;
     margin-right: .2rem;
   }
@@ -831,9 +834,8 @@
 
     height: $avatar-height;
 
-    .avatar {
-      height: $avatar-height;
-      width: $avatar-height;
+    my-actor-avatar {
+      @include actor-avatar-size($avatar-height);
     }
 
     div {