Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2026-02-23 19:49:56 +01:00
Code Issues Packages Projects Releases Wiki Activity

editor: fix icons not aligning in outline,task,check lists & callouts because of custom line height

Browse Source 
Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com>
This commit is contained in:
01zulfi
2026-01-07 13:50:02 +05:00
parent d19c5b9775
commit e0c31d6fdd
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/editor/src/extensions/task-item/component.tsx
View File

@@ -93,7 +93,7 @@ export function TaskItemComponent(
cursor: "grab",
mr: "0.2rem",
fontFamily: "inherit",
marginTop: "0.065rem"
marginTop: "calc((1lh - 18px) / 2)"
}}
size={isMobile ? "2.46ch" : "2.22ch"}
/>
@@ -117,7 +117,7 @@ export function TaskItemComponent(
borderColor: "accent"
},
fontFamily: "inherit",
marginTop: "0.13rem"
marginTop: "calc((1lh - 16px) / 2)"
}}
onMouseDown={(e) => {
if (globalThis.keyboardShown) {
@@ -155,7 +155,7 @@ export function TaskItemComponent(
bg: "background",
opacity: 0,
alignSelf: "flex-start",
marginTop: "0.16rem"
marginTop: "calc((1lh - 14px) / 2)"
}}
>
{editor.isEditable && (

8
packages/editor/styles/styles.css
View File

@@ -604,7 +604,7 @@ p > *::selection {
.outline-list > li::before {
position: absolute;
top: 0px;
top: calc((1lh - 18px) / 2);
cursor: pointer;
content: "";
background-size: 18px;
@@ -729,7 +729,7 @@ p > *::selection {
.simple-checklist > li::after {
position: absolute;
top: 0px;
top: calc((1lh - 18px) / 2);
cursor: pointer;
content: "";
background-size: 18px;
@@ -747,7 +747,7 @@ p > *::selection {
.simple-checklist > li.checked::before {
position: absolute;
top: 2px;
top: calc((1lh - 14px) / 2);
cursor: pointer;
content: "";
background-size: 18px;
@@ -790,7 +790,7 @@ p > *::selection {
.ProseMirror div.callout > :first-child::after {
position: absolute;
top: 0px;
top: calc((1lh - 18px) / 2);
right: 0px;
cursor: pointer;
content: "";