`fitWidth` for `video-miniature`, fluid grid (#2830)

[github/Chocobozzz/PeerTube.git] / client / src / app / videos / +video-watch / comment / video-comment.component.scss

diff --git a/client/src/app/videos/+video-watch/comment/video-comment.component.scss b/client/src/app/videos/+video-watch/comment/video-comment.component.scss
index cebb24c12353673bc294b12e6336702072057cbe..e7ef79561f7ffe2832428baaecb6cca03ac449da 100644 (file)
--- a/client/src/app/videos/+video-watch/comment/video-comment.component.scss
+++ b/client/src/app/videos/+video-watch/comment/video-comment.component.scss
@@ -63,13 +63,16 @@
       }
 
       .comment-account {
-        @include disable-default-a-behaviour;
-
         word-break: break-all;
-        color: var(--mainForegroundColor);
         font-weight: 600;
         font-size: 90%;
 
+        a {
+          @include disable-default-a-behaviour;
+
+          color: pvar(--mainForegroundColor);
+        }
+
         .comment-account-fid {
           opacity: .6;
         }
@@ -77,7 +80,7 @@
 
       .comment-date {
         font-size: 90%;
-        color: $grey-foreground-color;
+        color: pvar(--greyForegroundColor);
         margin-left: 5px;
         text-decoration: none;
       }
@@ -92,7 +95,7 @@
         &:not(.linkified-url) {
           @include disable-default-a-behaviour;
 
-          color: var(--mainForegroundColor);
+          color: pvar(--mainForegroundColor);
 
           font-weight: $font-semibold;
         }
@@ -105,7 +108,7 @@
       }
 
       &.comment-html-deleted {
-        color: $grey-foreground-color;
+        color: pvar(--greyForegroundColor);
         margin-bottom: 1rem;
       }
     }
@@ -117,12 +120,12 @@
       ::ng-deep .dropdown-toggle,
       .comment-action-reply,
       .comment-action-delete {
-        color: $grey-foreground-color;
+        color: pvar(--greyForegroundColor);
         cursor: pointer;
         margin-right: 10px;
 
         &:hover {
-          color: var(--mainForegroundColor);
+          color: pvar(--mainForegroundColor);
         }
       }
 
@@ -132,6 +135,13 @@
         font-weight: unset;
       }
     }
+
+    my-video-comment-add {
+      ::ng-deep form {
+        margin-top: 1rem;
+        margin-bottom: 0;
+      }
+    }
   }
 
   .children {