fix(ui): clipped annotation toolbar when creator name too long (Fixes #…

…2627 PR #2632)
edrlab · Oct 31, 2024 · b313753 · b313753
1 parent 827e2b8
commit b313753
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/renderer/assets/styles/components/annotations.scss b/src/renderer/assets/styles/components/annotations.scss
@@ -650,7 +650,7 @@
       >div {
         display: inherit;
         align-items: center;
-        gap: 5px;
+        overflow: hidden;
 
         button {
           padding: 5px;

diff --git a/src/renderer/reader/components/ReaderMenu.tsx b/src/renderer/reader/components/ReaderMenu.tsx
@@ -595,7 +595,7 @@ const AnnotationCard: React.FC<{ timestamp: number, annotation: IAnnotationState
                     ?
                     <div>
                         <SVG ariaHidden svg={AvatarIcon} />
-                        <p>{creatorName}</p>
+                        <p style={{overflow: "hidden", textOverflow: "ellipsis", padding: "0"}} title={creatorName}>{creatorName}</p>
                     </div>
                     : <></>
                 }
-Original file line number
+Diff line change
@@ Expand Up @@
                         ?
                         <div>
                             <SVG ariaHidden svg={AvatarIcon} />
-                            <p>{creatorName}</p>
+                            <p style={{overflow: "hidden", textOverflow: "ellipsis", padding: "0"}} title={creatorName}>{creatorName}</p>
                         </div>
                         : <></>
                     }
@@ Expand Down @@