fix broken icons

umputun · Aug 24, 2022 · 499302c · 499302c
1 parent 28fbe76
commit 499302c
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 22 deletions.
diff --git a/...mponents/comment/__link-to-parent/_focused/comment__link-to-parent__focused.svg b/...mponents/comment/__link-to-parent/_focused/comment__link-to-parent__focused.svg
diff --git a/frontend/apps/remark42/app/components/comment/__link-to-parent/comment__link-to-parent.css b/frontend/apps/remark42/app/components/comment/__link-to-parent/comment__link-to-parent.css
diff --git a/...ps/remark42/app/components/comment/__link-to-parent/comment__link-to-parent.svg b/...ps/remark42/app/components/comment/__link-to-parent/comment__link-to-parent.svg
diff --git a/frontend/apps/remark42/app/components/comment/comment.module.css b/frontend/apps/remark42/app/components/comment/comment.module.css
@@ -27,3 +27,16 @@
     opacity: 0.75;
   }
 }
+
+.threadStarterAnchor {
+  display: inline-flex;
+  height: 1rem;
+  width: 1rem;
+  color: var(--color35);
+  justify-content: center;
+  align-items: center;
+
+  &:hover {
+    color: var(--color29);
+  }
+}
diff --git a/frontend/apps/remark42/app/components/comment/comment.tsx b/frontend/apps/remark42/app/components/comment/comment.tsx
@@ -446,13 +446,17 @@ export class Comment extends Component<CommentProps, State> {
 
           {!!props.level && props.level > 0 && props.view === 'main' && (
             <a
-              className="comment__link-to-parent"
+              className={styles.threadStarterAnchor}
               href={`${o.locator.url}#${COMMENT_NODE_CLASSNAME_PREFIX}${o.pid}`}
-              aria-label={goToParentMessage}
               title={goToParentMessage}
               onClick={(e) => this.scrollToParent(e)}
             >
-              {' '}
+              <svg width="7" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 11" aria-hidden>
+                <path
+                  fill="currentColor"
+                  d="M.815 5.905L2.915 4v7H4.08V4l2.105 1.905.815-.74-3.5-3.17L0 5.165l.815.74zM0 1.045h7V0H0v1.045z"
+                />
+              </svg>
             </a>
           )}
 

diff --git a/frontend/apps/remark42/app/components/comment/styles.ts b/frontend/apps/remark42/app/components/comment/styles.ts
@@ -5,7 +5,6 @@ import './__body/comment__body.css';
 
 import './__info/comment__info.css';
 import './__input/comment__input.css';
-import './__link-to-parent/comment__link-to-parent.css';
 import './__status/comment__status.css';
 import './__text/comment__text.css';
 import './__time/comment__time.css';

diff --git a/frontend/package.json b/frontend/package.json
@@ -11,6 +11,7 @@
   "scripts": {
     "prepare": "if [ -z \"$CI\" ]; then cd .. && husky install frontend/.husky; else echo \"Skip Husky Hooks\"; fi",
     "lint-staged": "lint-staged",
+    "dev:remark42": "turbo run dev --filter=@remark42/app",
     "test:api": "turbo run test --filter=@remark42/api",
     "coverage:api": "turbo run coverage --filter=@remark42/api",
     "type-check:api": "turbo run type-check --filter=@remark42/api",