diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css index 3c20cc400..3b1e76941 100644 --- a/apps/client/src/stylesheets/style.css +++ b/apps/client/src/stylesheets/style.css @@ -2182,7 +2182,7 @@ body.zen.experimental-feature-new-layout { display: none; } - .classic-toolbar-widget { + #rest-pane > div.classic-toolbar-widget { position: fixed; left: 50%; bottom: 20px; @@ -2197,6 +2197,7 @@ body.zen.experimental-feature-new-layout { padding: 4px; background: var(--menu-background-color); transform: translateX(-50%); + backdrop-filter: blur(6px); } #root-widget:has(.note-split.type-text:focus-within) .classic-toolbar-widget, diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css index 59e2cb9a1..b1284cb19 100644 --- a/apps/client/src/stylesheets/theme-next-dark.css +++ b/apps/client/src/stylesheets/theme-next-dark.css @@ -77,6 +77,7 @@ --link-color: #95c3d9; --link-hover-background: #75c2e324; --link-hover-color: var(--link-color); + --link-selection-outline-color: #75c2e385; --hover-item-text-color: #efefef; --hover-item-background-color: #ffffff16; diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css index 6ae0119cf..5ee13dd6d 100644 --- a/apps/client/src/stylesheets/theme-next-light.css +++ b/apps/client/src/stylesheets/theme-next-light.css @@ -77,6 +77,7 @@ --link-color: #0076af; --link-hover-background: #3c7fa017; --link-hover-color: var(--link-color); + --link-selection-outline-color: #95c3d9db; --hover-item-text-color: black; --hover-item-background-color: #0000001a; diff --git a/apps/client/src/stylesheets/theme-next/forms.css b/apps/client/src/stylesheets/theme-next/forms.css index 6c4799da3..6de90a963 100644 --- a/apps/client/src/stylesheets/theme-next/forms.css +++ b/apps/client/src/stylesheets/theme-next/forms.css @@ -353,6 +353,11 @@ label.input-group.tn-number-unit-pair input { padding-inline-end: 0; } +:root .input-group > pre[aria-hidden="true"] { + margin: 0; + padding: 0; +} + /* Combo box-like dropdown buttons */ .select-button.dropdown-toggle::after { diff --git a/apps/client/src/stylesheets/theme-next/notes/text.css b/apps/client/src/stylesheets/theme-next/notes/text.css index d31acc280..222dab7a9 100644 --- a/apps/client/src/stylesheets/theme-next/notes/text.css +++ b/apps/client/src/stylesheets/theme-next/notes/text.css @@ -678,8 +678,8 @@ html .note-detail-editable-text :not(figure, .include-note, hr):first-child { .ck-content a.ck-widget.ck-widget_selected, .ck-content a.ck-link_selected { - outline: 2px solid var(--input-focus-outline-color); - outline-offset: 2px; + outline: none; + box-shadow: 0 0 0 2px var(--link-selection-outline-color); background: var(--link-hover-background); } @@ -692,7 +692,7 @@ html .note-detail-editable-text :not(figure, .include-note, hr):first-child { text-decoration: none; } -.ck-content a.reference-link.use-note-color > span { +.ck-content a.reference-link > span.use-note-color { color: var(--custom-color, inherit); } diff --git a/apps/client/src/stylesheets/theme-next/shell.css b/apps/client/src/stylesheets/theme-next/shell.css index 78ccc9455..35899cd9e 100644 --- a/apps/client/src/stylesheets/theme-next/shell.css +++ b/apps/client/src/stylesheets/theme-next/shell.css @@ -1085,7 +1085,7 @@ body.desktop:not(.background-effects.platform-win32) #root-widget.horizontal-lay margin-top: calc((var(--tab-bar-height) - var(--tab-height)) * -1); } -body.layout-horizontal .tab-row-widget .note-tab .note-tab-wrapper { +body.layout-horizontal div.tab-row-widget div.note-tab div.note-tab-wrapper { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } @@ -1374,6 +1374,14 @@ body.mobile .note-title { border-bottom: 2px solid #0000001c !important; } +body.experimental-feature-new-layout #center-pane .note-split > div.alert { + margin-top: 0; +} + +body.experimental-feature-new-layout #center-pane .note-split > div.alert + .scrolling-container { + padding-top: 20px; +} + /* * Promoted attributes */ diff --git a/apps/client/src/widgets/attribute_widgets/attribute_detail.ts b/apps/client/src/widgets/attribute_widgets/attribute_detail.ts index 8ae3ae674..607af4995 100644 --- a/apps/client/src/widgets/attribute_widgets/attribute_detail.ts +++ b/apps/client/src/widgets/attribute_widgets/attribute_detail.ts @@ -82,7 +82,7 @@ const TPL = /*html*/`
${t("watched_file_update_status.file_last_modified")}
-