diff --git a/src/renderer/assets/styles/components/annotations.scss b/src/renderer/assets/styles/components/annotations.scss index 333f7d62c..109b4e192 100644 --- a/src/renderer/assets/styles/components/annotations.scss +++ b/src/renderer/assets/styles/components/annotations.scss @@ -9,6 +9,10 @@ display: flex; flex-direction: column; gap: 5px; + + ol { + padding: 0; + } } .popover_dialog_reader .settings_tab.annotations_tab { @@ -518,6 +522,7 @@ .settings_tab .annotations_line { width: 100%; + list-style-type: none; } .annotations_line { diff --git a/src/renderer/reader/components/ReaderMenu.tsx b/src/renderer/reader/components/ReaderMenu.tsx index fff0db500..14eef46c4 100644 --- a/src/renderer/reader/components/ReaderMenu.tsx +++ b/src/renderer/reader/components/ReaderMenu.tsx @@ -476,7 +476,7 @@ const AnnotationCard: React.FC<{ timestamp: number, annotation: IAnnotationState const date = new Date(timestamp); const dateStr = `${(`${date.getDate()}`.padStart(2, "0"))}/${(`${date.getMonth() + 1}`.padStart(2, "0"))}/${date.getFullYear()}`; - const { style, percentRounded } = React.useMemo(() => { + const { percentRounded } = React.useMemo(() => { if (r2Publication.Spine && annotation.locatorExtended.locator) { const percent = computeProgression(r2Publication.Spine || [], annotation.locatorExtended.locator); const percentRounded = Math.round(percent); @@ -496,7 +496,7 @@ const AnnotationCard: React.FC<{ timestamp: number, annotation: IAnnotationState const creatorName = (annotation.creator?.id !== creatorMyself.id ? annotation.creator?.name : creatorMyself.name) || ""; - return (
{ @@ -511,6 +511,7 @@ const AnnotationCard: React.FC<{ timestamp: number, annotation: IAnnotationState }, 100); } } : undefined} + aria-label={__("reader.annotations.note", {color: __(Object.entries(annotationsColorsLight).find(([colorHex]) => colorHex === annotationColor)?.[1])})} > {/* */}
@@ -518,7 +519,7 @@ const AnnotationCard: React.FC<{ timestamp: number, annotation: IAnnotationState <> :