diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css index 78a40c667..6eaa5f61c 100644 --- a/apps/client/src/stylesheets/style.css +++ b/apps/client/src/stylesheets/style.css @@ -2559,5 +2559,4 @@ iframe.print-iframe { position: relative; flex-grow: 1; width: 100%; - height: 100%; } \ No newline at end of file diff --git a/apps/client/src/stylesheets/theme-next/notes/text.css b/apps/client/src/stylesheets/theme-next/notes/text.css index c79981207..92574b541 100644 --- a/apps/client/src/stylesheets/theme-next/notes/text.css +++ b/apps/client/src/stylesheets/theme-next/notes/text.css @@ -674,4 +674,17 @@ html .note-detail-editable-text :not(figure, .include-note, hr):first-child { .ck-content a.reference-link > span { text-decoration: underline; +} + +/* + * Read-only text content + */ + +.note-detail-readonly-text:focus-visible { + outline: 2px solid var(--input-focus-outline-color); + border-radius: 4px; +} + +.note-list-widget { + outline: 0 !important; } \ No newline at end of file diff --git a/apps/client/src/widgets/ReadOnlyNoteInfoBar.css b/apps/client/src/widgets/ReadOnlyNoteInfoBar.css index a7367800c..82ecaa726 100644 --- a/apps/client/src/widgets/ReadOnlyNoteInfoBar.css +++ b/apps/client/src/widgets/ReadOnlyNoteInfoBar.css @@ -3,7 +3,7 @@ body.zen div.read-only-note-info-bar-widget { max-width: var(--max-content-width); border-radius: 8px; border: unset; - margin: 0 auto; + margin: 0 auto 10px auto; } .read-only-note-info-bar-widget-content { diff --git a/apps/client/src/widgets/collections/calendar/index.css b/apps/client/src/widgets/collections/calendar/index.css index e6649e53f..5dd836fe6 100644 --- a/apps/client/src/widgets/collections/calendar/index.css +++ b/apps/client/src/widgets/collections/calendar/index.css @@ -1,6 +1,7 @@ .calendar-view { overflow: hidden; position: relative; + outline: 0; height: 100%; user-select: none; padding: 10px; @@ -67,6 +68,7 @@ } body.desktop:not(.zen) .calendar-view .calendar-header { + padding-block-start: 4px; padding-inline-end: 5em; } diff --git a/apps/client/src/widgets/react/InfoBar.css b/apps/client/src/widgets/react/InfoBar.css index 10bb52aa3..e4707a867 100644 --- a/apps/client/src/widgets/react/InfoBar.css +++ b/apps/client/src/widgets/react/InfoBar.css @@ -1,5 +1,5 @@ .info-bar { - --link-color: var(--main-text-color); + --link-color: currentColor; margin-top: 4px; contain: unset !important; diff --git a/apps/client/src/widgets/type_widgets/read_only_text.ts b/apps/client/src/widgets/type_widgets/read_only_text.ts index 2bbd9798e..f341ae31e 100644 --- a/apps/client/src/widgets/type_widgets/read_only_text.ts +++ b/apps/client/src/widgets/type_widgets/read_only_text.ts @@ -33,6 +33,7 @@ const TPL = /*html*/` body.heading-style-underline .note-detail-readonly-text h6 { border-bottom: 1px solid var(--main-border-color); } .note-detail-readonly-text { + padding-inline-start: 24px; padding-top: 10px; font-family: var(--detail-font-family);