feat(client/rtl): handle border-left

This commit is contained in:
Elian Doran 2025-10-08 17:46:59 +03:00
parent 6faccd3b14
commit 1b1bceebfe
No known key found for this signature in database
8 changed files with 17 additions and 17 deletions

View File

@ -60,7 +60,7 @@
appearance: none; appearance: none;
text-align: center; text-align: center;
border: 0; border: 0;
border-left: unset; border-inline-start: unset;
background-color: var(--menu-background-color); background-color: var(--menu-background-color);
font-weight: bold; font-weight: bold;
outline: 0; outline: 0;

View File

@ -704,7 +704,7 @@ table.promoted-attributes-in-tooltip th {
border-top-color: var(--main-border-color) !important; border-top-color: var(--main-border-color) !important;
} }
.bs-tooltip-left .tooltip-arrow::before { .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 { .bs-tooltip-right .tooltip-arrow::before {
border-right-color: var(--main-border-color) !important; 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; border-top-color: var(--tooltip-background-color) !important;
} }
.bs-tooltip-left .tooltip-arrow::after { .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 { .bs-tooltip-right .tooltip-arrow::after {
border-right-color: var(--tooltip-background-color) !important; border-right-color: var(--tooltip-background-color) !important;
@ -727,7 +727,7 @@ table.promoted-attributes-in-tooltip th {
.bs-tooltip-left .tooltip-arrow::before { .bs-tooltip-left .tooltip-arrow::before {
left: -1px; left: -1px;
border-width: 0.4rem 0 0.4rem 0.4rem; 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, .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 { .bs-tooltip-left .tooltip-arrow::after {
left: -1px; left: -1px;
border-width: 0.4rem 0 0.4rem 0.4rem; 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, .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 */ /* Style for thinking process in chat responses */
.thinking-process { .thinking-process {
background-color: rgba(0, 0, 0, 0.05); 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; padding: 10px;
margin: 10px 0; margin: 10px 0;
border-radius: 4px; border-radius: 4px;
@ -2342,19 +2342,19 @@ footer.webview-footer button {
} }
.thinking-step.observation { .thinking-step.observation {
border-left: 2px solid #69c7ff; border-inline-start: 2px solid #69c7ff;
} }
.thinking-step.hypothesis { .thinking-step.hypothesis {
border-left: 2px solid #9839f7; border-inline-start: 2px solid #9839f7;
} }
.thinking-step.evidence { .thinking-step.evidence {
border-left: 2px solid #40c025; border-inline-start: 2px solid #40c025;
} }
.thinking-step.conclusion { .thinking-step.conclusion {
border-left: 2px solid #e2aa03; border-inline-start: 2px solid #e2aa03;
font-weight: bold; font-weight: bold;
} }

View File

@ -255,7 +255,7 @@
:root .ck.ck-toolbar .ck.ck-toolbar__separator { :root .ck.ck-toolbar .ck.ck-toolbar__separator {
background: transparent; 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 */ /* The last separator of the toolbar */

View File

@ -150,7 +150,7 @@
} }
.backlink-excerpt { .backlink-excerpt {
border-left: 2px solid var(--main-border-color); border-inline-start: 2px solid var(--main-border-color);
padding-inline-start: 10px; padding-inline-start: 10px;
opacity: 80%; opacity: 80%;
font-size: 90%; font-size: 90%;

View File

@ -2096,8 +2096,8 @@ const icons: Icon[] = [
type_of_icon: "REGULAR" type_of_icon: "REGULAR"
}, },
{ {
name: "border-left", name: "border-inline-start",
slug: "border-left-regular", slug: "border-inline-start-regular",
category_id: 111, category_id: 111,
type_of_icon: "REGULAR" type_of_icon: "REGULAR"
}, },

View File

@ -9,7 +9,7 @@ import { formatMarkdown, applyHighlighting } from "./utils.js";
export const TPL = ` export const TPL = `
<div class="note-context-chat h-100 w-100 d-flex flex-column"> <div class="note-context-chat h-100 w-100 d-flex flex-column">
<!-- Move validation warning outside the card with better styling --> <!-- Move validation warning outside the card with better styling -->
<div class="provider-validation-warning alert alert-warning m-2 border-left border-warning" style="display: none; padding-inline-start: 15px; border-left: 4px solid #ffc107; background-color: rgba(255, 248, 230, 0.9); font-size: 0.9rem; box-shadow: 0 2px 5px rgba(0,0,0,0.05);"></div> <div class="provider-validation-warning alert alert-warning m-2 border-inline-start border-warning" style="display: none; padding-inline-start: 15px; border-inline-start: 4px solid #ffc107; background-color: rgba(255, 248, 230, 0.9); font-size: 0.9rem; box-shadow: 0 2px 5px rgba(0,0,0,0.05);"></div>
<div class="note-context-chat-container flex-grow-1 overflow-auto p-3"> <div class="note-context-chat-container flex-grow-1 overflow-auto p-3">
<div class="note-context-chat-messages"></div> <div class="note-context-chat-messages"></div>

View File

@ -47,7 +47,7 @@ const TPL = /*html*/`<div class="toc-widget">
content: ""; content: "";
position: absolute; position: absolute;
height: 100%; height: 100%;
border-left: 1px solid var(--main-border-color); border-inline-start: 1px solid var(--main-border-color);
z-index: 10; z-index: 10;
} }

View File

@ -63,7 +63,7 @@ const TPL = /*html*/`\
/* Horizontal layout */ /* Horizontal layout */
.note-detail-split.split-horizontal > .note-detail-split-preview-col { .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, .note-detail-split.split-horizontal > .note-detail-split-editor-col,