Move engines outside package.json

[github/Chocobozzz/PeerTube.git] / client / src / sass / include / _actor.scss

diff --git a/client/src/sass/include/_actor.scss b/client/src/sass/include/_actor.scss
index 5e96073184b2bdef5d4072017f7dc6ce032206f5..38bd90ae6dec5622b5dcd1374d150b0f14f9234d 100644 (file)
--- a/client/src/sass/include/_actor.scss
+++ b/client/src/sass/include/_actor.scss
@@ -17,7 +17,7 @@
 @mixin show-more-description {
   color: pvar(--mainColor);
   cursor: pointer;
-  margin: 10px auto 45px auto;
+  margin: 10px auto 45px;
 }
 
 @mixin avatar-row-responsive ($img-margin, $grey-font-size) {
@@ -25,16 +25,13 @@
   grid-column: 1;
   margin-bottom: 30px;
 
-  .channel-avatar {
-    @include channel-avatar(120px);
-  }
-
-  .account-avatar {
-    @include avatar(120px);
+  .main-avatar {
+    @include actor-avatar-size(120px);
   }
 
   > div {
     margin-left: $img-margin;
+    min-width: 1px;
   }
 
   .actor-info {
@@ -42,6 +39,7 @@
 
     > div:first-child {
       flex-grow: 1;
+      min-width: 1px;
     }
   }
 
@@ -56,6 +54,10 @@
     margin: 0;
   }
 
+  .actor-handle {
+    @include ellipsis;
+  }
+
   .actor-handle,
   .actor-counters {
     color: pvar(--greyForegroundColor);
@@ -75,12 +77,8 @@
       font-size: 22px;
     }
 
-    .channel-avatar {
-      @include channel-avatar(80px);
-    }
-
-    .account-avatar {
-      @include avatar(120px);
+    .main-avatar {
+      @include actor-avatar-size(80px);
     }
   }
 }