mirror of
https://github.com/zadam/trilium.git
synced 2025-10-20 23:29:02 +02:00
feat(client/rtl): handle border-left
This commit is contained in:
parent
6faccd3b14
commit
1b1bceebfe
@ -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;
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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 */
|
||||
|
@ -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%;
|
||||
|
@ -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"
|
||||
},
|
||||
|
@ -9,7 +9,7 @@ import { formatMarkdown, applyHighlighting } from "./utils.js";
|
||||
export const TPL = `
|
||||
<div class="note-context-chat h-100 w-100 d-flex flex-column">
|
||||
<!-- 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-messages"></div>
|
||||
|
@ -47,7 +47,7 @@ const TPL = /*html*/`<div class="toc-widget">
|
||||
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;
|
||||
}
|
||||
|
||||
|
@ -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,
|
||||
|
Loading…
x
Reference in New Issue
Block a user