fix comments inline positioning

NEAR-DevHub · Dec 2, 2024 · 8248e53 · 8248e53
1 parent f6c83ee
commit 8248e53
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/instances/devhub.near/widget/devhub/components/molecule/SimpleMDEViewer.jsx b/instances/devhub.near/widget/devhub/components/molecule/SimpleMDEViewer.jsx
@@ -58,7 +58,7 @@ const renderMention =
     <span
       key={accountId}
       className="d-inline-flex remove-underline"
-      style={{ fontWeight: 500 }}
+      style={{ fontWeight: 500, verticalAlign: "top" }}
     >
       <Widget
         src="${REPL_DEVHUB}/widget/devhub.components.molecule.ProfileLine"

diff --git a/instances/devhub.near/widget/devhub/entity/proposal/CommentsAndLogs.jsx b/instances/devhub.near/widget/devhub/entity/proposal/CommentsAndLogs.jsx
@@ -310,7 +310,10 @@ function parseTimelineKeyAndValue(timeline, originalValue, modifiedValue) {
 
 const AccountProfile = ({ accountId }) => {
   return (
-    <span className="inline-flex fw-bold text-black">
+    <span
+      className="inline-flex fw-bold text-black"
+      style={{ verticalAlign: "top" }}
+    >
       <Widget
         src={"${REPL_DEVHUB}/widget/devhub.entity.proposal.Profile"}
         props={{

diff --git a/instances/devhub.near/widget/devhub/entity/proposal/Profile.jsx b/instances/devhub.near/widget/devhub/entity/proposal/Profile.jsx
@@ -5,8 +5,8 @@ const Avatar = styled.div`
   &.sm {
     min-width: 26px;
     max-width: 26px;
-    min-height: 26px;
-    max-height: 26px;
+    min-height: 24px;
+    max-height: 24px;
   }
   &.md {
     min-width: 40px;
@@ -33,7 +33,7 @@ const profileUrl = `/near/widget/ProfilePage?accountId=${accountId}`;
 return (
   <Link href={profileUrl}>
     <div className="d-flex gap-2 align-items-center">
-      <Avatar className={size}>
+      <Avatar className={size + " d-flex"}>
         <Widget
           src="${REPL_MOB}/widget/Image"
           props={{