Fix styling of the comment author text (#3012)

absidue · web-flow · commit 5d1f465bf599 · 2022-12-31T11:06:00.000+01:00
diff --git a/src/renderer/components/watch-video-comments/watch-video-comments.css b/src/renderer/components/watch-video-comments/watch-video-comments.css
@@ -34,7 +34,6 @@
   height: 60px;
   border-radius: 200px 200px 200px 200px;
   -webkit-border-radius: 200px 200px 200px 200px;
-  cursor: pointer;
 }
 
 .commentAuthorWrapper {
@@ -53,7 +52,8 @@
 }
 
 .commentAuthor {
-  cursor: pointer;
+  color: inherit;
+  text-decoration: none;
 }
 
 .commentText {
diff --git a/src/renderer/components/watch-video-comments/watch-video-comments.vue b/src/renderer/components/watch-video-comments/watch-video-comments.vue
@@ -77,18 +77,15 @@
         <p
           class="commentAuthorWrapper"
         >
-          <span
+          <router-link
             class="commentAuthor"
             :class="{
               commentOwner: comment.isOwner
             }"
+            :to="`/channel/${comment.authorLink}`"
           >
-            <router-link
-              :to="`/channel/${comment.authorLink}`"
-            >
-              {{ comment.author }}
-            </router-link>
-          </span>
+            {{ comment.author }}
+          </router-link>
           <img
             v-if="comment.isMember"
             :src="comment.memberIconUrl"

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,6 @@`
`34`	`34`	`height: 60px;`
`35`	`35`	`border-radius: 200px 200px 200px 200px;`
`36`	`36`	`-webkit-border-radius: 200px 200px 200px 200px;`
`37`		`- cursor: pointer;`
`38`	`37`	`}`
`39`	`38`
`40`	`39`	`.commentAuthorWrapper {`
`@@ -53,7 +52,8 @@`
`53`	`52`	`}`
`54`	`53`
`55`	`54`	`.commentAuthor {`
`56`		`- cursor: pointer;`
	`55`	`+ color: inherit;`
	`56`	`+ text-decoration: none;`
`57`	`57`	`}`
`58`	`58`
`59`	`59`	`.commentText {`