gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-20 15:19:01 +02:00
Code Issues Actions 19 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 {
width: 24px !important;
margin-right: 5px;
margin-inline-end: 5px;
}
.fancytree-loading span.fancytree-expander {
@ -101,7 +101,7 @@ span.fancytree-expander {
.tree-wrapper .scroll-to-active-note-button,
.tree-wrapper .tree-settings-button {
position: fixed;
margin-right: 16px;
margin-inline-end: 16px;
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-checkbox input[type="checkbox"] {
margin-right: .5em;
margin-inline-end: .5em;
}
#left-pane input,
@ -1041,13 +1041,13 @@ svg.ck-icon .note-icon {
}
.ck-content .footnote-back-link {
margin-right: 0.1em;
margin-inline-end: 0.1em;
position: relative;
top: -0.2em;
}
.ck-content .footnotes .footnote-back-link > sup {
margin-right: 0;
margin-inline-end: 0;
}
.ck-content .footnote-item:before {
@ -1749,7 +1749,7 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
flex-shrink: 0;
flex-direction: column;
margin-inline-start: 10px;
margin-right: 5px;
margin-inline-end: 5px;
}
#right-pane .card-header {
@ -1801,7 +1801,7 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
.note-split {
margin-inline-start: auto;
margin-right: auto;
margin-inline-end: auto;
}
.note-split.full-content-width {
@ -1820,7 +1820,7 @@ button.close:hover {
.reference-link .bx {
position: relative;
top: 1px;
margin-right: 3px;
margin-inline-end: 3px;
}
.options-section:first-of-type h4 {
@ -2319,12 +2319,12 @@ footer.webview-footer button {
display: flex;
align-items: center;
font-size: 0.9em;
margin-right: 15px;
margin-inline-end: 15px;
cursor: pointer;
}
.chat-option input[type="checkbox"] {
margin-right: 5px;
margin-inline-end: 5px;
}
/* Style for thinking process in chat responses */

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

@ -117,7 +117,7 @@
/* Cell */
.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,

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 {
margin-right: 0.5em;
margin-inline-end: 0.5em;
font-size: 1.1em;
opacity: 0.85;
}
#toast-container .toast.no-title .bx {
margin-right: 0;
margin-inline-end: 0;
font-size: 1.3em;
}

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

@ -56,7 +56,7 @@
}
.modal .modal-header .help-button {
margin-right: 0;
margin-inline-end: 0;
font-size: calc(var(--modal-control-button-size) * .75);
font-family: unset;
font-weight: bold;
@ -141,7 +141,7 @@ div.tn-tool-dialog {
/* Search box wrapper */
.jump-to-note-dialog .input-group {
margin-right: 16px;
margin-inline-end: 16px;
}
.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 {
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 {
margin-right: auto;
margin-inline-end: auto;
}
.message-avatar {
@ -33,7 +33,7 @@
display: flex;
align-items: center;
justify-content: center;
margin-right: 8px;
margin-inline-end: 8px;
}
.user-message .message-avatar {

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

@ -52,7 +52,7 @@
background-color: #f5f5f5;
}
.google-login-btn img {
margin-right: 10px;
margin-inline-end: 10px;
width: 18px;
height: 18px;
}
@ -217,7 +217,7 @@ body.desktop .option-section:not(.tn-no-card) {
--bs-border-width: 2px;
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;
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 */
ul.note-type-dropdown .check {
margin-right: 6px;
margin-inline-end: 6px;
}
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;
width: 25px;
height: 25px;
margin-right: 8px;
margin-inline-end: 8px;
border-radius: 50%;
padding: 0;
color: var(--quick-search-color) !important;
@ -734,7 +734,7 @@ body.mobile .fancytree-node > span {
}
#left-pane .tree-item-button {
margin-right: 6px;
margin-inline-end: 6px;
border: unset;
border-radius: 50%;
background: var(--left-pane-item-action-button-background);
@ -1221,7 +1221,7 @@ body.mobile .note-title {
}
.title-row > *:first-child {
margin-right: 0;
margin-inline-end: 0;
}
.title-row > *:nth-child(2) {
@ -1312,7 +1312,7 @@ body.mobile .note-title {
/* The promoted attributes section */
div.promoted-attributes-container {
display: flex;
margin-right: 10%;
margin-inline-end: 10%;
padding: 6px 0;
gap: 8px;
align-items: stretch;
@ -1400,7 +1400,7 @@ div.promoted-attribute-cell .tn-checkbox {
/* Relocate the checkbox before the label */
div.promoted-attribute-cell.promoted-attribute-label-boolean > div:first-of-type {
order: -1;
margin-right: 1.5em;
margin-inline-end: 1.5em;
}
/* 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;
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 */
display: flex;
}
@ -1700,7 +1700,7 @@ div.find-replace-widget div.find-widget-found-wrapper > span {
}
.replace-widget-box > * {
margin-right: unset !important;
margin-inline-end: unset !important;
}
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) {
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 {

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

@ -59,7 +59,7 @@ span.fancytree-node.fancytree-hide {
line-height: 1;
position: relative;
top: 2px;
margin-right: 5px;
margin-inline-end: 5px;
}
.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">
<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>
<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
const flexContainerStyle = { display: "flex", alignItems: "center" } as const;
const labelStyle = { marginRight: "10px" } as const;
const textStyle = { marginRight: "10px", marginInlineStart: "10px" } as const;
const labelStyle = { marginInlineEnd: "10px" } as const;
const textStyle = { marginInlineEnd: "10px", marginInlineStart: "10px" } as const;
const BulkAction = memo(({ label, children, helpText, bulkAction }: BulkActionProps) => {
return (

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

@ -28,7 +28,7 @@ const TPL = /*html*/`
position: relative;
top: 3px;
font-size: 120%;
margin-right: 5px;
margin-inline-end: 5px;
}
.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 {
margin-inline-start: 5px;
margin-right: 5px;
margin-inline-end: 5px;
}
.global-menu .dropdown-item .bx {
position: relative;
top: 3px;
font-size: 120%;
margin-right: 6px;
margin-inline-end: 6px;
}
/* #region Update available */

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

@ -146,7 +146,7 @@
}
.board-view-container .board-note .icon {
margin-right: 0.25em;
margin-inline-end: 0.25em;
display: inline;
}
@ -269,7 +269,7 @@
}
.board-new-item .icon {
margin-right: 0.25em;
margin-inline-end: 0.25em;
}
.board-add-column {
@ -296,7 +296,7 @@
}
.board-add-column .icon {
margin-right: 0.5em;
margin-inline-end: 0.5em;
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 {
padding: 2px 7px;
margin-right: 10px;
margin-inline-end: 10px;
margin-bottom: 5px;
}

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

@ -32,7 +32,7 @@ const TPL = /*html*/`
}
.find-widget-box > *, .replace-widget-box > *{
margin-right: 15px;
margin-inline-end: 15px;
}
.find-widget-box, .replace-widget-box {

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

@ -1,6 +1,6 @@
.note-icon-widget {
padding-left: 7px;
margin-right: 0;
margin-inline-end: 0;
width: 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")}
/>
<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
values={options}
keyProperty="value" titleProperty="label"

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

@ -70,7 +70,7 @@
.ribbon-button-container {
display: flex;
border-bottom: 1px solid var(--main-border-color);
margin-right: 5px;
margin-inline-end: 5px;
}
.ribbon-button-container > * {
@ -82,7 +82,7 @@
.ribbon-body {
border-bottom: 1px solid var(--main-border-color);
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 {
@ -105,7 +105,7 @@
.basic-properties-widget > * {
margin-top: 9px;
margin-bottom: 2px;
margin-right: 30px;
margin-inline-end: 30px;
}
.note-type-container,
@ -309,7 +309,7 @@
/* #region Owned Attributes */
.attribute-list {
margin-inline-start: 7px;
margin-right: 7px;
margin-inline-end: 7px;
margin-top: 5px;
margin-bottom: 2px;
position: relative;
@ -359,7 +359,7 @@
}
.book-properties-widget input[type="checkbox"] {
margin-right: 5px;
margin-inline-end: 5px;
}
.book-properties-widget label {
@ -446,7 +446,7 @@
position: relative;
top: 3px;
font-size: 120%;
margin-right: 5px;
margin-inline-end: 5px;
}
.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 {
margin-inline-start: auto;
margin-right: auto;
margin-inline-end: auto;
}
@-moz-keyframes note-tab-was-just-added {
to {