Fix HTML in account/channel description

[github/Chocobozzz/PeerTube.git] / client / src / app / +accounts / account-video-channels / account-video-channels.component.scss

diff --git a/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss b/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss
index 60914ec121ddc4c221b045b81b8ebd038180a1af..11ed4c3b1c1463a8d4e5c47238f89155342b044d 100644 (file)
--- a/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss
+++ b/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss
@@ -1,6 +1,7 @@
-@import '_variables';
-@import '_mixins';
-@import '_miniature';
+@use 'sass:math';
+@use '_variables' as *;
+@use '_mixins' as *;
+@use '_miniature' as *;
 
 .margin-content {
   @include grid-videos-miniature-margins;
@@ -28,7 +29,6 @@
   grid-template-rows: auto 1fr;
 
   my-actor-avatar {
-    @include actor-avatar-size(75px);
     @include margin-right(15px);
 
     grid-column: 1;
@@ -65,7 +65,6 @@
     grid-row: 2;
 
     max-height: 80px;
-    font-size: 16px;
   }
 }
 
@@ -78,10 +77,8 @@ my-subscribe-button {
   display: flex;
   grid-column: 1 / 3;
   grid-row: 2;
-  margin-top: 30px;
 
   position: relative;
-  overflow: hidden;
 
   my-video-miniature {
     @include margin-right(15px);
@@ -95,17 +92,21 @@ my-subscribe-button {
   }
 }
 
+.videos-overflow-workaround {
+  margin-top: 30px;
+  overflow-x: hidden;
+}
+
 .miniature-show-channel {
   height: 100%;
   position: absolute;
   right: 0;
   background: linear-gradient(90deg, transparent 0, pvar(--channelBackgroundColor) 45px);
-  padding: ($video-thumbnail-medium-height / 2 - 10px) 15px 0 60px;
+  padding: (math.div($video-thumbnail-medium-height, 2) - 10px) 15px 0 60px;
   z-index: z(miniature) + 1;
 
   a {
     color: pvar(--mainColor);
-    font-size: 16px;
     font-weight: $font-semibold;
   }
 }
@@ -114,7 +115,7 @@ my-subscribe-button {
   display: none;
 }
 
-@media screen and (max-width: $mobile-view) {
+@include on-small-main-col {
   .channel {
     padding: 15px;
   }
@@ -126,10 +127,6 @@ my-subscribe-button {
       grid-row: 1 / 4;
     }
 
-    h2 {
-      font-size: 16px;
-    }
-
     .actor-counters {
       margin: 0;
       font-size: 13px;