diff --git a/src/app.css b/src/app.css index 1d9c74770e..93df455113 100644 --- a/src/app.css +++ b/src/app.css @@ -694,7 +694,7 @@ html.high-contrast.dark .ProseMirror p.is-editor-empty:first-child::before { /* this is a rough fix for the first cursor position when the first paragraph is empty */ .ProseMirror > .ProseMirror-yjs-cursor:first-child { - margin-top: 16px; + margin-top: 1rem; } /* This gives the remote user caret. The colors are automatically overwritten*/ .ProseMirror-yjs-cursor { @@ -712,12 +712,12 @@ html.high-contrast.dark .ProseMirror p.is-editor-empty:first-child::before { position: absolute; top: -1.05em; left: -1px; - font-size: 13px; + font-size: 0.8125rem; background-color: rgb(250, 129, 0); user-select: none; color: white; - padding-left: 2px; - padding-right: 2px; + padding-left: 0.125rem; + padding-right: 0.125rem; white-space: nowrap; } @@ -734,7 +734,7 @@ body { /* Position the handle relative to each LI */ .pm-li--with-handle { position: relative; - margin-left: 12px; /* make space for the handle */ + margin-left: 0.75rem; /* make space for the handle */ } .tiptap ul[data-type='taskList'] .pm-list-drag-handle { @@ -744,16 +744,16 @@ body { /* The drag handle itself */ .pm-list-drag-handle { position: absolute; - left: -36px; /* pull into the left gutter */ + left: -2.25rem; /* pull into the left gutter */ top: 1px; - width: 18px; - height: 18px; + width: 1.125rem; + height: 1.125rem; display: inline-flex; align-items: center; justify-content: center; - font-size: 12px; + font-size: 0.75rem; line-height: 1; - border-radius: 4px; + border-radius: 0.25rem; cursor: grab; user-select: none; opacity: 0.35; @@ -763,7 +763,7 @@ body { } .tiptap ul[data-type='taskList'] .pm-list-drag-handle { - left: -16px; /* pull into the left gutter more to avoid the checkbox */ + left: -1rem; /* pull into the left gutter more to avoid the checkbox */ } .pm-list-drag-handle:active { diff --git a/src/lib/components/NotificationToast.svelte b/src/lib/components/NotificationToast.svelte index f2c37d1d80..5862585226 100644 --- a/src/lib/components/NotificationToast.svelte +++ b/src/lib/components/NotificationToast.svelte @@ -117,7 +117,7 @@