From 1b1bceebfe72d8541dcf03bf8a91fe7aa3f96b07 Mon Sep 17 00:00:00 2001 From: Elian Doran Date: Wed, 8 Oct 2025 17:46:59 +0300 Subject: [PATCH] feat(client/rtl): handle border-left --- apps/client/src/stylesheets/calendar.css | 2 +- apps/client/src/stylesheets/style.css | 18 +++++++++--------- .../src/stylesheets/theme-next/notes/text.css | 2 +- apps/client/src/widgets/FloatingButtons.css | 2 +- apps/client/src/widgets/icon_list.ts | 4 ++-- apps/client/src/widgets/llm_chat/ui.ts | 2 +- apps/client/src/widgets/toc.ts | 2 +- .../type_widgets/abstract_split_type_widget.ts | 2 +- 8 files changed, 17 insertions(+), 17 deletions(-) diff --git a/apps/client/src/stylesheets/calendar.css b/apps/client/src/stylesheets/calendar.css index a3ad89c34..eddcbbc28 100644 --- a/apps/client/src/stylesheets/calendar.css +++ b/apps/client/src/stylesheets/calendar.css @@ -60,7 +60,7 @@ appearance: none; text-align: center; border: 0; - border-left: unset; + border-inline-start: unset; background-color: var(--menu-background-color); font-weight: bold; outline: 0; diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css index ccf8974eb..185728b81 100644 --- a/apps/client/src/stylesheets/style.css +++ b/apps/client/src/stylesheets/style.css @@ -704,7 +704,7 @@ table.promoted-attributes-in-tooltip th { border-top-color: var(--main-border-color) !important; } .bs-tooltip-left .tooltip-arrow::before { - border-left-color: var(--main-border-color) !important; + border-inline-start-color: var(--main-border-color) !important; } .bs-tooltip-right .tooltip-arrow::before { border-right-color: var(--main-border-color) !important; @@ -717,7 +717,7 @@ table.promoted-attributes-in-tooltip th { border-top-color: var(--tooltip-background-color) !important; } .bs-tooltip-left .tooltip-arrow::after { - border-left-color: var(--tooltip-background-color) !important; + border-inline-start-color: var(--tooltip-background-color) !important; } .bs-tooltip-right .tooltip-arrow::after { border-right-color: var(--tooltip-background-color) !important; @@ -727,7 +727,7 @@ table.promoted-attributes-in-tooltip th { .bs-tooltip-left .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; - border-left-color: var(--main-border-color) !important; + border-inline-start-color: var(--main-border-color) !important; } .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before, @@ -755,7 +755,7 @@ table.promoted-attributes-in-tooltip th { .bs-tooltip-left .tooltip-arrow::after { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; - border-left-color: var(--tooltip-background-color) !important; + border-inline-start-color: var(--tooltip-background-color) !important; } .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::after, @@ -2330,7 +2330,7 @@ footer.webview-footer button { /* Style for thinking process in chat responses */ .thinking-process { background-color: rgba(0, 0, 0, 0.05); - border-left: 3px solid var(--main-text-color); + border-inline-start: 3px solid var(--main-text-color); padding: 10px; margin: 10px 0; border-radius: 4px; @@ -2342,19 +2342,19 @@ footer.webview-footer button { } .thinking-step.observation { - border-left: 2px solid #69c7ff; + border-inline-start: 2px solid #69c7ff; } .thinking-step.hypothesis { - border-left: 2px solid #9839f7; + border-inline-start: 2px solid #9839f7; } .thinking-step.evidence { - border-left: 2px solid #40c025; + border-inline-start: 2px solid #40c025; } .thinking-step.conclusion { - border-left: 2px solid #e2aa03; + border-inline-start: 2px solid #e2aa03; font-weight: bold; } diff --git a/apps/client/src/stylesheets/theme-next/notes/text.css b/apps/client/src/stylesheets/theme-next/notes/text.css index 52aba262e..b13b5bb17 100644 --- a/apps/client/src/stylesheets/theme-next/notes/text.css +++ b/apps/client/src/stylesheets/theme-next/notes/text.css @@ -255,7 +255,7 @@ :root .ck.ck-toolbar .ck.ck-toolbar__separator { background: transparent; - border-left: 1px solid var(--ck-color-toolbar-border); + border-inline-start: 1px solid var(--ck-color-toolbar-border); } /* The last separator of the toolbar */ diff --git a/apps/client/src/widgets/FloatingButtons.css b/apps/client/src/widgets/FloatingButtons.css index 6106ff9fc..736209051 100644 --- a/apps/client/src/widgets/FloatingButtons.css +++ b/apps/client/src/widgets/FloatingButtons.css @@ -150,7 +150,7 @@ } .backlink-excerpt { - border-left: 2px solid var(--main-border-color); + border-inline-start: 2px solid var(--main-border-color); padding-inline-start: 10px; opacity: 80%; font-size: 90%; diff --git a/apps/client/src/widgets/icon_list.ts b/apps/client/src/widgets/icon_list.ts index 6282d8b60..34d5604d1 100644 --- a/apps/client/src/widgets/icon_list.ts +++ b/apps/client/src/widgets/icon_list.ts @@ -2096,8 +2096,8 @@ const icons: Icon[] = [ type_of_icon: "REGULAR" }, { - name: "border-left", - slug: "border-left-regular", + name: "border-inline-start", + slug: "border-inline-start-regular", category_id: 111, type_of_icon: "REGULAR" }, diff --git a/apps/client/src/widgets/llm_chat/ui.ts b/apps/client/src/widgets/llm_chat/ui.ts index 29bdf8d93..15d4802ca 100644 --- a/apps/client/src/widgets/llm_chat/ui.ts +++ b/apps/client/src/widgets/llm_chat/ui.ts @@ -9,7 +9,7 @@ import { formatMarkdown, applyHighlighting } from "./utils.js"; export const TPL = `
- +
diff --git a/apps/client/src/widgets/toc.ts b/apps/client/src/widgets/toc.ts index cf8858171..b4a61ac68 100644 --- a/apps/client/src/widgets/toc.ts +++ b/apps/client/src/widgets/toc.ts @@ -47,7 +47,7 @@ const TPL = /*html*/`
content: ""; position: absolute; height: 100%; - border-left: 1px solid var(--main-border-color); + border-inline-start: 1px solid var(--main-border-color); z-index: 10; } diff --git a/apps/client/src/widgets/type_widgets/abstract_split_type_widget.ts b/apps/client/src/widgets/type_widgets/abstract_split_type_widget.ts index 684aea157..563f7671b 100644 --- a/apps/client/src/widgets/type_widgets/abstract_split_type_widget.ts +++ b/apps/client/src/widgets/type_widgets/abstract_split_type_widget.ts @@ -63,7 +63,7 @@ const TPL = /*html*/`\ /* Horizontal layout */ .note-detail-split.split-horizontal > .note-detail-split-preview-col { - border-left: 1px solid var(--main-border-color); + border-inline-start: 1px solid var(--main-border-color); } .note-detail-split.split-horizontal > .note-detail-split-editor-col,