Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-31 18:36:30 +01:00
Code Issues Packages Projects Releases Activity

feat(client/rtl): handle margin-left

Browse Source
This commit is contained in:
Elian Doran
2025-10-08 17:44:17 +03:00
parent adff36cf22
commit 247ab1aec3
27 changed files with 71 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/layouts/mobile_layout.tsx
View File

@@ -68,7 +68,7 @@ const FANCYTREE_CSS = `
.fancytree-title { .fancytree-title {
font-size: 1.5em; font-size: 1.5em;
margin-left: 0.6em !important; margin-inline-start: 0.6em !important;
} }
.fancytree-node { .fancytree-node {

20
apps/client/src/stylesheets/style.css
View File

@@ -174,7 +174,7 @@ textarea,
/* Add a gap between consecutive radios / check boxes */ /* Add a gap between consecutive radios / check boxes */
label.tn-radio + label.tn-radio, label.tn-radio + label.tn-radio,
label.tn-checkbox + label.tn-checkbox { label.tn-checkbox + label.tn-checkbox {
margin-left: 12px; margin-inline-start: 12px;
} }
label.tn-radio input[type="radio"], label.tn-radio input[type="radio"],
@@ -226,7 +226,7 @@ samp {
.badge { .badge {
--bs-badge-color: var(--muted-text-color); --bs-badge-color: var(--muted-text-color);
margin-left: 8px; margin-inline-start: 8px;
background: var(--accented-background-color); background: var(--accented-background-color);
} }
@@ -338,7 +338,7 @@ button kbd {
} }
.ui-menu kbd { .ui-menu kbd {
margin-left: 30px; margin-inline-start: 30px;
float: right; float: right;
} }
@@ -392,7 +392,7 @@ body.desktop .tabulator-popup-container {
} }
.dropend .dropdown-toggle::after { .dropend .dropdown-toggle::after {
margin-left: 0.5em; margin-inline-start: 0.5em;
color: var(--muted-text-color); color: var(--muted-text-color);
} }
@@ -403,7 +403,7 @@ body.desktop .tabulator-popup-container {
.dropdown-menu .disabled .disabled-tooltip { .dropdown-menu .disabled .disabled-tooltip {
pointer-events: all; pointer-events: all;
margin-left: 8px; margin-inline-start: 8px;
font-size: 0.5em; font-size: 0.5em;
color: var(--disabled-tooltip-icon-color); color: var(--disabled-tooltip-icon-color);
cursor: help; cursor: help;
@@ -1033,7 +1033,7 @@ svg.ck-icon .note-icon {
counter-increment: footnote-counter; counter-increment: footnote-counter;
display: flex; display: flex;
list-style: none; list-style: none;
margin-left: 0.5em; margin-inline-start: 0.5em;
} }
.ck-content .footnote-item > * { .ck-content .footnote-item > * {
@@ -1414,7 +1414,7 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
.ck.ck-slash-command-button__text-part, .ck.ck-slash-command-button__text-part,
.ck.ck-template-form__text-part { .ck.ck-template-form__text-part {
margin-left: 0.5em; margin-inline-start: 0.5em;
line-height: 1.2em !important; line-height: 1.2em !important;
} }
@@ -1748,7 +1748,7 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
flex-direction: column; flex-direction: column;
margin-left: 10px; margin-inline-start: 10px;
margin-right: 5px; margin-right: 5px;
} }
@@ -1800,7 +1800,7 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
} }
.note-split { .note-split {
margin-left: auto; margin-inline-start: auto;
margin-right: auto; margin-right: auto;
} }
@@ -1858,7 +1858,7 @@ textarea {
.attachment-help-button { .attachment-help-button {
display: inline-block; display: inline-block;
margin-left: 10px; margin-inline-start: 10px;
vertical-align: middle; vertical-align: middle;
font-size: 1em; font-size: 1em;
} }

2
apps/client/src/stylesheets/table.css
View File

@@ -67,7 +67,7 @@
} }
.tabulator div.tabulator-header .tabulator-frozen.tabulator-frozen-left { .tabulator div.tabulator-header .tabulator-frozen.tabulator-frozen-left {
margin-left: var(--cell-editing-border-width); margin-inline-start: var(--cell-editing-border-width);
} }
.tabulator div.tabulator-header .tabulator-col, .tabulator div.tabulator-header .tabulator-col,

2
apps/client/src/stylesheets/theme-next/base.css
View File

@@ -211,7 +211,7 @@ html body .dropdown-item[disabled] {
.dropdown-item span.keyboard-shortcut { .dropdown-item span.keyboard-shortcut {
color: var(--menu-item-keyboard-shortcut-color) !important; color: var(--menu-item-keyboard-shortcut-color) !important;
margin-left: 16px; margin-inline-start: 16px;
} }
.dropdown-divider { .dropdown-divider {

4
apps/client/src/stylesheets/theme-next/dialogs.css
View File

@@ -29,7 +29,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-left: 8px; margin-inline-start: 8px;
border: 0; border: 0;
border-radius: 50%; border-radius: 50%;
padding: 0; padding: 0;
@@ -374,7 +374,7 @@ div.tn-tool-dialog {
} }
.help-dialog .help-cards kbd:first-child { .help-dialog .help-cards kbd:first-child {
margin-left: 0; margin-inline-start: 0;
} }
/* Inline code - used for Markdown samples */ /* Inline code - used for Markdown samples */

4
apps/client/src/stylesheets/theme-next/forms.css
View File

@@ -71,7 +71,7 @@ button.btn.btn-primary kbd,
button.btn.btn-secondary kbd, button.btn.btn-secondary kbd,
button.btn.btn-sm kbd, button.btn.btn-sm kbd,
button.btn.btn-success kbd { button.btn.btn-success kbd {
margin-left: 0.5em; margin-inline-start: 0.5em;
background: var(--cmd-button-keyboard-shortcut-background); background: var(--cmd-button-keyboard-shortcut-background);
color: var(--cmd-button-keyboard-shortcut-color); color: var(--cmd-button-keyboard-shortcut-color);
font-size: 0.6em; font-size: 0.6em;
@@ -102,7 +102,7 @@ button.btn.btn-success kbd {
} }
.btn-group .tn-tool-button + .tn-tool-button { .btn-group .tn-tool-button + .tn-tool-button {
margin-left: 4px !important; margin-inline-start: 4px !important;
} }
/* The "x" icon button */ /* The "x" icon button */

2
apps/client/src/stylesheets/theme-next/llm-chat.css
View File

@@ -19,7 +19,7 @@
} }
.chat-message.user-message { .chat-message.user-message {
margin-left: auto; margin-inline-start: auto;
} }
.chat-message.assistant-message { .chat-message.assistant-message {

2
apps/client/src/stylesheets/theme-next/notes/text.css
View File

@@ -210,7 +210,7 @@
/* Separator */ /* Separator */
:root .ck .ck-list__separator { :root .ck .ck-list__separator {
margin: .5em 0; margin: .5em 0;
margin-left: calc(0px - var(--ck-editor-popup-padding)); margin-inline-start: calc(0px - var(--ck-editor-popup-padding));
width: calc(100% + (var(--ck-editor-popup-padding) * 2)); width: calc(100% + (var(--ck-editor-popup-padding) * 2));
background: var(--menu-item-delimiter-color); background: var(--menu-item-delimiter-color);
} }

4
apps/client/src/stylesheets/theme-next/pages.css
View File

@@ -199,7 +199,7 @@ body.desktop .option-section:not(.tn-no-card) {
color: var(--launcher-pane-text-color); color: var(--launcher-pane-text-color);
margin-top: calc(-1 * var(--options-card-padding) - var(--options-title-font-size) - var(--options-title-offset)) !important; margin-top: calc(-1 * var(--options-card-padding) - var(--options-title-font-size) - var(--options-title-offset)) !important;
margin-bottom: calc(var(--options-title-offset) + var(--options-card-padding)) !important; margin-bottom: calc(var(--options-title-offset) + var(--options-card-padding)) !important;
margin-left: calc(-1 * var(--options-card-padding)); margin-inline-start: calc(-1 * var(--options-card-padding));
} }
.options-section:not(.tn-no-card) h5 { .options-section:not(.tn-no-card) h5 {
@@ -216,7 +216,7 @@ body.desktop .option-section:not(.tn-no-card) {
.options-section hr { .options-section hr {
--bs-border-width: 2px; --bs-border-width: 2px;
margin-left: calc(var(--options-card-padding) * -1); margin-inline-start: calc(var(--options-card-padding) * -1);
margin-right: calc(var(--options-card-padding) * -1); margin-right: calc(var(--options-card-padding) * -1);
opacity: 1; opacity: 1;
color: var(--root-background); color: var(--root-background);

4
apps/client/src/stylesheets/theme-next/ribbon.css
View File

@@ -105,7 +105,7 @@ ul.note-type-dropdown li.dropdown-item {
/* Editability dropdown */ /* Editability dropdown */
ul.editability-dropdown li.dropdown-item > div { ul.editability-dropdown li.dropdown-item > div {
margin-left: 4px; margin-inline-start: 4px;
} }
.editability-dropdown .dropdown-item .description { .editability-dropdown .dropdown-item .description {
@@ -147,7 +147,7 @@ ul.editability-dropdown li.dropdown-item > div {
/* Note path in attribute detail dialog */ /* Note path in attribute detail dialog */
.attr-detail .note-path { .attr-detail .note-path {
margin-left: 8px; margin-inline-start: 8px;
} }
/* /*

12
apps/client/src/stylesheets/theme-next/shell.css
View File

@@ -1101,7 +1101,7 @@ body.layout-vertical .tab-row-widget-is-sorting .note-tab.note-tab-is-dragging .
.tab-row-widget .note-new-tab { .tab-row-widget .note-new-tab {
position: relative; position: relative;
margin-left: 3px; margin-inline-start: 3px;
color: transparent; /* Prevent the original "+" from being displayed */ color: transparent; /* Prevent the original "+" from being displayed */
} }
@@ -1225,7 +1225,7 @@ body.mobile .note-title {
} }
.title-row > *:nth-child(2) { .title-row > *:nth-child(2) {
margin-left: 0; margin-inline-start: 0;
} }
.title-row { .title-row {
@@ -1407,7 +1407,7 @@ div.promoted-attribute-cell.promoted-attribute-label-boolean > div:first-of-type
div.promoted-attribute-cell .multiplicity:has(span) { div.promoted-attribute-cell .multiplicity:has(span) {
--icon-button-size: 24px; --icon-button-size: 24px;
margin-left: 8px; margin-inline-start: 8px;
margin-right: calc(var(--pa-card-padding-left) - var(--pa-card-padding-right)); margin-right: calc(var(--pa-card-padding-left) - var(--pa-card-padding-right));
font-size: 0; /* Prevent whitespaces creating a gap between buttons */ font-size: 0; /* Prevent whitespaces creating a gap between buttons */
display: flex; display: flex;
@@ -1547,7 +1547,7 @@ div.floating-buttons-children .close-floating-buttons {
} }
div.floating-buttons-children .close-floating-buttons { div.floating-buttons-children .close-floating-buttons {
margin-left: 0 !important; margin-inline-start: 0 !important;
background: var(--floating-button-hide-button-background); background: var(--floating-button-hide-button-background);
color: var(--floating-button-hide-button-color); color: var(--floating-button-hide-button-color);
} }
@@ -1642,7 +1642,7 @@ div.find-replace-widget div.find-widget-found-wrapper > span {
} }
.find-replace-widget .form-check .form-check-input { .find-replace-widget .form-check .form-check-input {
margin-left: 0; margin-inline-start: 0;
} }
/* Narrow version */ /* Narrow version */
@@ -1806,7 +1806,7 @@ div.find-replace-widget div.find-widget-found-wrapper > span {
} }
.excalidraw .dropdown-menu .dropdown-menu-container > div:not([class]):not(:last-child) { .excalidraw .dropdown-menu .dropdown-menu-container > div:not([class]):not(:last-child) {
margin-left: calc(var(--padding) * var(--space-factor) * -1) !important; margin-inline-start: calc(var(--padding) * var(--space-factor) * -1) !important;
margin-right: calc(var(--padding) * var(--space-factor) * -1) !important; margin-right: calc(var(--padding) * var(--space-factor) * -1) !important;
} }

8
apps/client/src/stylesheets/tree.css
View File

@@ -15,7 +15,7 @@ span.fancytree-node.fancytree-hide {
flex-shrink: 1; flex-shrink: 1;
flex-grow: 1; flex-grow: 1;
overflow: hidden; overflow: hidden;
margin-left: 7px; margin-inline-start: 7px;
outline: none; outline: none;
position: relative; position: relative;
top: 2px; top: 2px;
@@ -80,7 +80,7 @@ span.fancytree-node.fancytree-hide {
width: 12px; width: 12px;
height: 12px; height: 12px;
margin-top: 2px; margin-top: 2px;
margin-left: 1px; margin-inline-start: 1px;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
} }
@@ -229,14 +229,14 @@ span.fancytree-node.archived {
display: none; display: none;
font-size: 120%; font-size: 120%;
cursor: pointer; cursor: pointer;
margin-left: 8px; margin-inline-start: 8px;
padding: 1px; padding: 1px;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 5px; border-radius: 5px;
} }
.unhoist-button.bx.tree-item-button { .unhoist-button.bx.tree-item-button {
margin-left: 0; /* unhoist button is on the left and doesn't need more margin */ margin-inline-start: 0; /* unhoist button is on the left and doesn't need more margin */
display: block; /* keep always visible */ display: block; /* keep always visible */
} }

4
apps/client/src/widgets/FloatingButtons.css
View File

@@ -74,7 +74,7 @@
.show-floating-buttons { .show-floating-buttons {
/* display: none;*/ /* display: none;*/
margin-left: 5px !important; margin-inline-start: 5px !important;
} }
.show-floating-buttons-button { .show-floating-buttons-button {
@@ -97,7 +97,7 @@
/* #region Close floating buttons */ /* #region Close floating buttons */
.close-floating-buttons { .close-floating-buttons {
margin-left: 5px !important; margin-inline-start: 5px !important;
} }
.close-floating-buttons:first-child { .close-floating-buttons:first-child {

2
apps/client/src/widgets/attachment_detail.ts
View File

@@ -30,7 +30,7 @@ const TPL = /*html*/`
} }
.attachment-details { .attachment-details {
margin-left: 10px; margin-inline-start: 10px;
} }
.attachment-content-wrapper { .attachment-content-wrapper {

2
apps/client/src/widgets/bulk_actions/BulkAction.tsx
View File

@@ -13,7 +13,7 @@ interface BulkActionProps {
// Define styles as constants to prevent recreation // Define styles as constants to prevent recreation
const flexContainerStyle = { display: "flex", alignItems: "center" } as const; const flexContainerStyle = { display: "flex", alignItems: "center" } as const;
const labelStyle = { marginRight: "10px" } as const; const labelStyle = { marginRight: "10px" } as const;
const textStyle = { marginRight: "10px", marginLeft: "10px" } as const; const textStyle = { marginRight: "10px", marginInlineStart: "10px" } as const;
const BulkAction = memo(({ label, children, helpText, bulkAction }: BulkActionProps) => { const BulkAction = memo(({ label, children, helpText, bulkAction }: BulkActionProps) => {
return ( return (

6
apps/client/src/widgets/buttons/global_menu.css
View File

@@ -69,7 +69,7 @@ button.global-menu-button {
} }
.global-menu .zoom-buttons { .global-menu .zoom-buttons {
margin-left: 2em; margin-inline-start: 2em;
} }
.global-menu .zoom-buttons a { .global-menu .zoom-buttons a {
@@ -79,7 +79,7 @@ button.global-menu-button {
color: var(--button-text-color); color: var(--button-text-color);
background-color: var(--button-background-color); background-color: var(--button-background-color);
padding: 3px; padding: 3px;
margin-left: 3px; margin-inline-start: 3px;
text-decoration: none; text-decoration: none;
} }
@@ -88,7 +88,7 @@ button.global-menu-button {
} }
.global-menu .zoom-state { .global-menu .zoom-state {
margin-left: 5px; margin-inline-start: 5px;
margin-right: 5px; margin-right: 5px;
} }

2
apps/client/src/widgets/collections/board/index.css
View File

@@ -93,7 +93,7 @@
.board-view-container .board-column .edit-icon { .board-view-container .board-column .edit-icon {
opacity: 0; opacity: 0;
margin-left: 0.5em; margin-inline-start: 0.5em;
transition: opacity 0.2s ease; transition: opacity 0.2s ease;
color: var(--muted-text-color); color: var(--muted-text-color);
cursor: pointer; cursor: pointer;

2
apps/client/src/widgets/dialogs/revisions.tsx
View File

@@ -115,7 +115,7 @@ export default function RevisionsDialog() {
<div className="revision-content-wrapper" style={{ <div className="revision-content-wrapper" style={{
flexGrow: "1", flexGrow: "1",
marginLeft: "20px", marginInlineStart: "20px",
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
maxWidth: "calc(100% - 150px)", maxWidth: "calc(100% - 150px)",

2
apps/client/src/widgets/note_map.ts
View File

@@ -38,7 +38,7 @@ const TPL = /*html*/`<div class="note-map-widget">
/* removing default appearance */ /* removing default appearance */
-webkit-appearance: none; -webkit-appearance: none;
appearance: none; appearance: none;
margin-left: 15px; margin-inline-start: 15px;
width: 150px; width: 150px;
} }

2
apps/client/src/widgets/promoted_attributes.ts
View File

@@ -45,7 +45,7 @@ const TPL = /*html*/`
} }
.promoted-attribute-cell div.input-group { .promoted-attribute-cell div.input-group {
margin-left: 10px; margin-inline-start: 10px;
display: flex; display: flex;
min-height: 40px; min-height: 40px;
} }

4
apps/client/src/widgets/react/FormToggle.css
View File

@@ -18,7 +18,7 @@
.switch-widget .switch-button { .switch-widget .switch-button {
display: block; display: block;
position: relative; position: relative;
margin-left: 8px; margin-inline-start: 8px;
width: var(--switch-track-width); width: var(--switch-track-width);
height: var(--switch-track-height); height: var(--switch-track-height);
border-radius: 24px; border-radius: 24px;
@@ -86,7 +86,7 @@
.switch-widget .switch-help-button { .switch-widget .switch-help-button {
border: 0; border: 0;
margin-left: 4px; margin-inline-start: 4px;
background: none; background: none;
cursor: pointer; cursor: pointer;
font-size: 1.1em; font-size: 1.1em;

2
apps/client/src/widgets/ribbon/BasicPropertiesTab.tsx
View File

@@ -353,7 +353,7 @@ function NoteLanguageSwitch({ note }: { note?: FNote | null }) {
>{t("note_language.configure-languages")}</FormListItem> >{t("note_language.configure-languages")}</FormListItem>
</Dropdown> </Dropdown>
<HelpButton helpPage="B0lcI9xz1r8K" style={{ marginLeft: "4px" }} /> <HelpButton helpPage="B0lcI9xz1r8K" style={{ marginInlineStart: "4px" }} />
<Modal <Modal
className="content-languages-modal" className="content-languages-modal"

2
apps/client/src/widgets/ribbon/SearchDefinitionOptions.tsx
View File

@@ -263,7 +263,7 @@ function AncestorOption({ note, ...restProps}: SearchOptionProps) {
placeholder={t("ancestor.placeholder")} placeholder={t("ancestor.placeholder")}
/> />
<div style="margin-left: 10px; margin-right: 10px">{t("ancestor.depth_label")}:</div> <div style="margin-inline-start: 10px; margin-right: 10px">{t("ancestor.depth_label")}:</div>
<FormSelect <FormSelect
values={options} values={options}
keyProperty="value" titleProperty="label" keyProperty="value" titleProperty="label"

8
apps/client/src/widgets/ribbon/style.css
View File

@@ -11,7 +11,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
margin-left: 10px; margin-inline-start: 10px;
flex-grow: 1; flex-grow: 1;
flex-flow: row wrap; flex-flow: row wrap;
} }
@@ -76,12 +76,12 @@
.ribbon-button-container > * { .ribbon-button-container > * {
position: relative; position: relative;
top: -3px; top: -3px;
margin-left: 10px; margin-inline-start: 10px;
} }
.ribbon-body { .ribbon-body {
border-bottom: 1px solid var(--main-border-color); border-bottom: 1px solid var(--main-border-color);
margin-left: 10px; margin-inline-start: 10px;
margin-right: 5px; /* needs to have this value so that the bottom border is the same width as the top one */ margin-right: 5px; /* needs to have this value so that the bottom border is the same width as the top one */
} }
@@ -308,7 +308,7 @@
/* #region Owned Attributes */ /* #region Owned Attributes */
.attribute-list { .attribute-list {
margin-left: 7px; margin-inline-start: 7px;
margin-right: 7px; margin-right: 7px;
margin-top: 5px; margin-top: 5px;
margin-bottom: 2px; margin-bottom: 2px;

6
apps/client/src/widgets/tab_row.ts
View File

@@ -172,7 +172,7 @@ const TAB_ROW_TPL = `
} }
.tab-row-widget .note-tab[is-small] .note-tab-title { .tab-row-widget .note-tab[is-small] .note-tab-title {
margin-left: 0; margin-inline-start: 0;
} }
.tab-row-widget .note-tab .note-tab-drag-handle { .tab-row-widget .note-tab .note-tab-drag-handle {
@@ -240,13 +240,13 @@ const TAB_ROW_TPL = `
} }
.tab-row-widget .note-tab[is-smaller] .note-tab-close { .tab-row-widget .note-tab[is-smaller] .note-tab-close {
margin-left: auto; margin-inline-start: auto;
} }
.tab-row-widget .note-tab[is-mini]:not([active]) .note-tab-close { .tab-row-widget .note-tab[is-mini]:not([active]) .note-tab-close {
display: none; display: none;
} }
.tab-row-widget .note-tab[is-mini][active] .note-tab-close { .tab-row-widget .note-tab[is-mini][active] .note-tab-close {
margin-left: auto; margin-inline-start: auto;
margin-right: auto; margin-right: auto;
} }
@-moz-keyframes note-tab-was-just-added { @-moz-keyframes note-tab-was-just-added {

4
apps/client/src/widgets/toc.ts
View File

@@ -103,12 +103,12 @@ const TPL = /*html*/`<div class="toc-widget">
} }
.toc li .item-content { .toc li .item-content {
margin-left: 25px; margin-inline-start: 25px;
flex: 1; flex: 1;
} }
.toc li .collapse-button + .item-content { .toc li .collapse-button + .item-content {
margin-left: 4px; margin-inline-start: 4px;
} }
.toc li:hover { .toc li:hover {

2
apps/client/src/widgets/type_widgets/options/text_notes.tsx
View File

@@ -62,7 +62,7 @@ function FormattingToolbar() {
name="multiline-toolbar" name="multiline-toolbar"
label={t("editing.editor_type.multiline-toolbar")} label={t("editing.editor_type.multiline-toolbar")}
currentValue={textNoteEditorMultilineToolbar} onChange={setTextNoteEditorMultilineToolbar} currentValue={textNoteEditorMultilineToolbar} onChange={setTextNoteEditorMultilineToolbar}
containerStyle={{ marginLeft: "1em" }} containerStyle={{ marginInlineStart: "1em" }}
/> />
</OptionsSection> </OptionsSection>
) )