mirror of
https://github.com/zadam/trilium.git
synced 2025-10-21 07:38:53 +02:00
feat(client/rtl): handle border-left
This commit is contained in:
parent
6faccd3b14
commit
1b1bceebfe
@ -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;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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 */
|
||||||
|
@ -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%;
|
||||||
|
@ -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"
|
||||||
},
|
},
|
||||||
|
@ -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>
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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,
|
||||||
|
Loading…
x
Reference in New Issue
Block a user