gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-20 23:29:02 +02:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

feat(client/rtl): handle margin-right

Browse Source
This commit is contained in:
Elian Doran 2025-10-08 17:45:31 +03:00
parent 247ab1aec3
commit 6b93013674
No known key found for this signature in database
21 changed files with 51 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -81,7 +81,7 @@ const FANCYTREE_CSS = `
span.fancytree-expander { span.fancytree-expander {
width: 24px !important; width: 24px !important;
margin-right: 5px; margin-inline-end: 5px;
} }
.fancytree-loading span.fancytree-expander { .fancytree-loading span.fancytree-expander {
@ -101,7 +101,7 @@ span.fancytree-expander {
.tree-wrapper .scroll-to-active-note-button, .tree-wrapper .scroll-to-active-note-button,
.tree-wrapper .tree-settings-button { .tree-wrapper .tree-settings-button {
position: fixed; position: fixed;
margin-right: 16px; margin-inline-end: 16px;
display: none; display: none;
} }

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

@ -179,7 +179,7 @@ label.tn-checkbox + label.tn-checkbox {
label.tn-radio input[type="radio"], label.tn-radio input[type="radio"],
label.tn-checkbox input[type="checkbox"] { label.tn-checkbox input[type="checkbox"] {
margin-right: .5em; margin-inline-end: .5em;
} }
#left-pane input, #left-pane input,
@ -1041,13 +1041,13 @@ svg.ck-icon .note-icon {
} }
.ck-content .footnote-back-link { .ck-content .footnote-back-link {
margin-right: 0.1em; margin-inline-end: 0.1em;
position: relative; position: relative;
top: -0.2em; top: -0.2em;
} }
.ck-content .footnotes .footnote-back-link > sup { .ck-content .footnotes .footnote-back-link > sup {
margin-right: 0; margin-inline-end: 0;
} }
.ck-content .footnote-item:before { .ck-content .footnote-item:before {
@ -1749,7 +1749,7 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
flex-shrink: 0; flex-shrink: 0;
flex-direction: column; flex-direction: column;
margin-inline-start: 10px; margin-inline-start: 10px;
margin-right: 5px; margin-inline-end: 5px;
} }
#right-pane .card-header { #right-pane .card-header {
@ -1801,7 +1801,7 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
.note-split { .note-split {
margin-inline-start: auto; margin-inline-start: auto;
margin-right: auto; margin-inline-end: auto;
} }
.note-split.full-content-width { .note-split.full-content-width {
@ -1820,7 +1820,7 @@ button.close:hover {
.reference-link .bx { .reference-link .bx {
position: relative; position: relative;
top: 1px; top: 1px;
margin-right: 3px; margin-inline-end: 3px;
} }
.options-section:first-of-type h4 { .options-section:first-of-type h4 {
@ -2319,12 +2319,12 @@ footer.webview-footer button {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 0.9em; font-size: 0.9em;
margin-right: 15px; margin-inline-end: 15px;
cursor: pointer; cursor: pointer;
} }
.chat-option input[type="checkbox"] { .chat-option input[type="checkbox"] {
margin-right: 5px; margin-inline-end: 5px;
} }
/* Style for thinking process in chat responses */ /* Style for thinking process in chat responses */

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

@ -117,7 +117,7 @@
/* Cell */ /* Cell */
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left { .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
margin-right: var(--cell-editing-border-width); margin-inline-end: var(--cell-editing-border-width);
} }
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left, .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left,

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

@ -357,13 +357,13 @@ li.dropdown-item a.dropdown-item-button:focus-visible {
} }
#toast-container .toast:not(.no-title) .bx { #toast-container .toast:not(.no-title) .bx {
margin-right: 0.5em; margin-inline-end: 0.5em;
font-size: 1.1em; font-size: 1.1em;
opacity: 0.85; opacity: 0.85;
} }
#toast-container .toast.no-title .bx { #toast-container .toast.no-title .bx {
margin-right: 0; margin-inline-end: 0;
font-size: 1.3em; font-size: 1.3em;
} }

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

@ -56,7 +56,7 @@
} }
.modal .modal-header .help-button { .modal .modal-header .help-button {
margin-right: 0; margin-inline-end: 0;
font-size: calc(var(--modal-control-button-size) * .75); font-size: calc(var(--modal-control-button-size) * .75);
font-family: unset; font-family: unset;
font-weight: bold; font-weight: bold;
@ -141,7 +141,7 @@ div.tn-tool-dialog {
/* Search box wrapper */ /* Search box wrapper */
.jump-to-note-dialog .input-group { .jump-to-note-dialog .input-group {
margin-right: 16px; margin-inline-end: 16px;
} }
.jump-to-note-dialog .input-group:hover { .jump-to-note-dialog .input-group:hover {
@ -419,5 +419,5 @@ div.tn-tool-dialog {
} }
.note-type-chooser-dialog div.note-type-dropdown .dropdown-item span.bx { .note-type-chooser-dialog div.note-type-dropdown .dropdown-item span.bx {
margin-right: .25em; margin-inline-end: .25em;
} }

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

@ -23,7 +23,7 @@
} }
.chat-message.assistant-message { .chat-message.assistant-message {
margin-right: auto; margin-inline-end: auto;
} }
.message-avatar { .message-avatar {
@ -33,7 +33,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-right: 8px; margin-inline-end: 8px;
} }
.user-message .message-avatar { .user-message .message-avatar {

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

@ -52,7 +52,7 @@
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.google-login-btn img { .google-login-btn img {
margin-right: 10px; margin-inline-end: 10px;
width: 18px; width: 18px;
height: 18px; height: 18px;
} }
@ -217,7 +217,7 @@ body.desktop .option-section:not(.tn-no-card) {
--bs-border-width: 2px; --bs-border-width: 2px;
margin-inline-start: calc(var(--options-card-padding) * -1); margin-inline-start: calc(var(--options-card-padding) * -1);
margin-right: calc(var(--options-card-padding) * -1); margin-inline-end: calc(var(--options-card-padding) * -1);
opacity: 1; opacity: 1;
color: var(--root-background); color: var(--root-background);
} }

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

@ -95,7 +95,7 @@ div.promoted-attributes-container {
/* Note type dropdown */ /* Note type dropdown */
ul.note-type-dropdown .check { ul.note-type-dropdown .check {
margin-right: 6px; margin-inline-end: 6px;
} }
ul.note-type-dropdown li.dropdown-item { ul.note-type-dropdown li.dropdown-item {

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

@ -539,7 +539,7 @@ div.quick-search .search-button {
justify-content: center; justify-content: center;
width: 25px; width: 25px;
height: 25px; height: 25px;
margin-right: 8px; margin-inline-end: 8px;
border-radius: 50%; border-radius: 50%;
padding: 0; padding: 0;
color: var(--quick-search-color) !important; color: var(--quick-search-color) !important;
@ -734,7 +734,7 @@ body.mobile .fancytree-node > span {
} }
#left-pane .tree-item-button { #left-pane .tree-item-button {
margin-right: 6px; margin-inline-end: 6px;
border: unset; border: unset;
border-radius: 50%; border-radius: 50%;
background: var(--left-pane-item-action-button-background); background: var(--left-pane-item-action-button-background);
@ -1221,7 +1221,7 @@ body.mobile .note-title {
} }
.title-row > *:first-child { .title-row > *:first-child {
margin-right: 0; margin-inline-end: 0;
} }
.title-row > *:nth-child(2) { .title-row > *:nth-child(2) {
@ -1312,7 +1312,7 @@ body.mobile .note-title {
/* The promoted attributes section */ /* The promoted attributes section */
div.promoted-attributes-container { div.promoted-attributes-container {
display: flex; display: flex;
margin-right: 10%; margin-inline-end: 10%;
padding: 6px 0; padding: 6px 0;
gap: 8px; gap: 8px;
align-items: stretch; align-items: stretch;
@ -1400,7 +1400,7 @@ div.promoted-attribute-cell .tn-checkbox {
/* Relocate the checkbox before the label */ /* Relocate the checkbox before the label */
div.promoted-attribute-cell.promoted-attribute-label-boolean > div:first-of-type { div.promoted-attribute-cell.promoted-attribute-label-boolean > div:first-of-type {
order: -1; order: -1;
margin-right: 1.5em; margin-inline-end: 1.5em;
} }
/* The element containing the "new attribute" and "remove this attribute button" */ /* The element containing the "new attribute" and "remove this attribute button" */
@ -1408,7 +1408,7 @@ div.promoted-attribute-cell .multiplicity:has(span) {
--icon-button-size: 24px; --icon-button-size: 24px;
margin-inline-start: 8px; margin-inline-start: 8px;
margin-right: calc(var(--pa-card-padding-left) - var(--pa-card-padding-right)); margin-inline-end: 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;
} }
@ -1700,7 +1700,7 @@ div.find-replace-widget div.find-widget-found-wrapper > span {
} }
.replace-widget-box > * { .replace-widget-box > * {
margin-right: unset !important; margin-inline-end: unset !important;
} }
div.replace-widget-box button.btn.btn-sm { div.replace-widget-box button.btn.btn-sm {
@ -1807,7 +1807,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-inline-start: 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-inline-end: calc(var(--padding) * var(--space-factor) * -1) !important;
} }
.excalidraw .dropdown-menu:before { .excalidraw .dropdown-menu:before {

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

@ -59,7 +59,7 @@ span.fancytree-node.fancytree-hide {
line-height: 1; line-height: 1;
position: relative; position: relative;
top: 2px; top: 2px;
margin-right: 5px; margin-inline-end: 5px;
} }
.fancytree-loading span.fancytree-expander { .fancytree-loading span.fancytree-expander {

2
apps/client/src/widgets/attribute_widgets/attribute_detail.ts
View File

@ -176,7 +176,7 @@ const TPL = /*html*/`
<div class="attr-save-delete-button-container"> <div class="attr-save-delete-button-container">
<button class="btn btn-primary btn-sm attr-save-changes-and-close-button" <button class="btn btn-primary btn-sm attr-save-changes-and-close-button"
style="flex-grow: 1; margin-right: 20px"> style="flex-grow: 1; margin-inline-end: 20px">
${t("attribute_detail.save_and_close")}</button> ${t("attribute_detail.save_and_close")}</button>
<button class="btn btn-secondary btn-sm attr-delete-button"> <button class="btn btn-secondary btn-sm attr-delete-button">

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

@ -12,8 +12,8 @@ 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 = { marginInlineEnd: "10px" } as const;
const textStyle = { marginRight: "10px", marginInlineStart: "10px" } as const; const textStyle = { marginInlineEnd: "10px", marginInlineStart: "10px" } as const;
const BulkAction = memo(({ label, children, helpText, bulkAction }: BulkActionProps) => { const BulkAction = memo(({ label, children, helpText, bulkAction }: BulkActionProps) => {
return ( return (

2
apps/client/src/widgets/buttons/attachments_actions.ts
View File

@ -28,7 +28,7 @@ const TPL = /*html*/`
position: relative; position: relative;
top: 3px; top: 3px;
font-size: 120%; font-size: 120%;
margin-right: 5px; margin-inline-end: 5px;
} }
.attachment-actions .dropdown-item[disabled], .attachment-actions .dropdown-item[disabled]:hover { .attachment-actions .dropdown-item[disabled], .attachment-actions .dropdown-item[disabled]:hover {

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

@ -89,14 +89,14 @@ button.global-menu-button {
.global-menu .zoom-state { .global-menu .zoom-state {
margin-inline-start: 5px; margin-inline-start: 5px;
margin-right: 5px; margin-inline-end: 5px;
} }
.global-menu .dropdown-item .bx { .global-menu .dropdown-item .bx {
position: relative; position: relative;
top: 3px; top: 3px;
font-size: 120%; font-size: 120%;
margin-right: 6px; margin-inline-end: 6px;
} }
/* #region Update available */ /* #region Update available */

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

@ -146,7 +146,7 @@
} }
.board-view-container .board-note .icon { .board-view-container .board-note .icon {
margin-right: 0.25em; margin-inline-end: 0.25em;
display: inline; display: inline;
} }
@ -269,7 +269,7 @@
} }
.board-new-item .icon { .board-new-item .icon {
margin-right: 0.25em; margin-inline-end: 0.25em;
} }
.board-add-column { .board-add-column {
@ -296,7 +296,7 @@
} }
.board-add-column .icon { .board-add-column .icon {
margin-right: 0.5em; margin-inline-end: 0.5em;
font-size: 1.2em; font-size: 1.2em;
} }

2
apps/client/src/widgets/dialogs/bulk_actions.css
View File

@ -4,7 +4,7 @@
.bulk-actions-dialog .bulk-available-action-list button { .bulk-actions-dialog .bulk-available-action-list button {
padding: 2px 7px; padding: 2px 7px;
margin-right: 10px; margin-inline-end: 10px;
margin-bottom: 5px; margin-bottom: 5px;
} }

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

@ -32,7 +32,7 @@ const TPL = /*html*/`
} }
.find-widget-box > *, .replace-widget-box > *{ .find-widget-box > *, .replace-widget-box > *{
margin-right: 15px; margin-inline-end: 15px;
} }
.find-widget-box, .replace-widget-box { .find-widget-box, .replace-widget-box {
@ -167,7 +167,7 @@ export default class FindWidget extends NoteContextAwareWidget {
if (isIMEComposing(e.originalEvent as KeyboardEvent)) { if (isIMEComposing(e.originalEvent as KeyboardEvent)) {
return; return;
} }
if ((e.metaKey || e.ctrlKey) && (e.key === "F" || e.key === "f")) { if ((e.metaKey || e.ctrlKey) && (e.key === "F" || e.key === "f")) {
// If ctrl+f is pressed when the findbox is shown, select the // If ctrl+f is pressed when the findbox is shown, select the
// whole input to find // whole input to find

2
apps/client/src/widgets/note_icon.css
View File

@ -1,6 +1,6 @@
.note-icon-widget { .note-icon-widget {
padding-left: 7px; padding-left: 7px;
margin-right: 0; margin-inline-end: 0;
width: 50px; width: 50px;
height: 50px; height: 50px;
} }

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-inline-start: 10px; margin-right: 10px">{t("ancestor.depth_label")}:</div> <div style="margin-inline-start: 10px; margin-inline-end: 10px">{t("ancestor.depth_label")}:</div>
<FormSelect <FormSelect
values={options} values={options}
keyProperty="value" titleProperty="label" keyProperty="value" titleProperty="label"

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

@ -70,7 +70,7 @@
.ribbon-button-container { .ribbon-button-container {
display: flex; display: flex;
border-bottom: 1px solid var(--main-border-color); border-bottom: 1px solid var(--main-border-color);
margin-right: 5px; margin-inline-end: 5px;
} }
.ribbon-button-container > * { .ribbon-button-container > * {
@ -82,7 +82,7 @@
.ribbon-body { .ribbon-body {
border-bottom: 1px solid var(--main-border-color); border-bottom: 1px solid var(--main-border-color);
margin-inline-start: 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-inline-end: 5px; /* needs to have this value so that the bottom border is the same width as the top one */
} }
.ribbon-body.active { .ribbon-body.active {
@ -105,7 +105,7 @@
.basic-properties-widget > * { .basic-properties-widget > * {
margin-top: 9px; margin-top: 9px;
margin-bottom: 2px; margin-bottom: 2px;
margin-right: 30px; margin-inline-end: 30px;
} }
.note-type-container, .note-type-container,
@ -309,7 +309,7 @@
/* #region Owned Attributes */ /* #region Owned Attributes */
.attribute-list { .attribute-list {
margin-inline-start: 7px; margin-inline-start: 7px;
margin-right: 7px; margin-inline-end: 7px;
margin-top: 5px; margin-top: 5px;
margin-bottom: 2px; margin-bottom: 2px;
position: relative; position: relative;
@ -359,7 +359,7 @@
} }
.book-properties-widget input[type="checkbox"] { .book-properties-widget input[type="checkbox"] {
margin-right: 5px; margin-inline-end: 5px;
} }
.book-properties-widget label { .book-properties-widget label {
@ -446,7 +446,7 @@
position: relative; position: relative;
top: 3px; top: 3px;
font-size: 120%; font-size: 120%;
margin-right: 5px; margin-inline-end: 5px;
} }
.note-actions .dropdown-item[disabled], .note-actions .dropdown-item[disabled]:hover { .note-actions .dropdown-item[disabled], .note-actions .dropdown-item[disabled]:hover {

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

@ -247,7 +247,7 @@ const TAB_ROW_TPL = `
} }
.tab-row-widget .note-tab[is-mini][active] .note-tab-close { .tab-row-widget .note-tab[is-mini][active] .note-tab-close {
margin-inline-start: auto; margin-inline-start: auto;
margin-right: auto; margin-inline-end: auto;
} }
@-moz-keyframes note-tab-was-just-added { @-moz-keyframes note-tab-was-just-added {
to { to {