gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-30 11:09:05 +01:00
Code Issues Actions 10 Packages Projects Releases Wiki 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
No known key found for this signature in database
27 changed files with 71 additions and 71 deletions
Show Stats 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 {

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

@ -4,7 +4,7 @@ import AbstractBulkAction from "./abstract_bulk_action";
import HelpRemoveButtons from "../react/HelpRemoveButtons"; import HelpRemoveButtons from "../react/HelpRemoveButtons";
interface BulkActionProps { interface BulkActionProps {
label: string | ComponentChildren; label: string | ComponentChildren;
children?: ComponentChildren; children?: ComponentChildren;
helpText?: ComponentChildren; helpText?: ComponentChildren;
bulkAction: AbstractBulkAction; bulkAction: AbstractBulkAction;
@ -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 (
@ -44,4 +44,4 @@ export const BulkActionText = memo(({ text }: { text: string }) => {
{text} {text}
</div> </div>
); );
}); });

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;

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

@ -91,7 +91,7 @@ export default function RevisionsDialog() {
</> </>
) )
} }
footer={<RevisionFooter note={note} />} footer={<RevisionFooter note={note} />}
footerStyle={{ paddingTop: 0, paddingBottom: 0 }} footerStyle={{ paddingTop: 0, paddingBottom: 0 }}
onHidden={() => { onHidden={() => {
setShown(false); setShown(false);
@ -115,16 +115,16 @@ 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)",
minWidth: 0 minWidth: 0
}}> }}>
<RevisionPreview <RevisionPreview
noteContent={noteContent} noteContent={noteContent}
revisionItem={currentRevision} revisionItem={currentRevision}
showDiff={showDiff} showDiff={showDiff}
setShown={setShown} setShown={setShown}
onRevisionDeleted={() => { onRevisionDeleted={() => {
setRefreshCounter(c => c + 1); setRefreshCounter(c => c + 1);
@ -138,7 +138,7 @@ export default function RevisionsDialog() {
function RevisionsList({ revisions, onSelect, currentRevision }: { revisions: RevisionItem[], onSelect: (val: string) => void, currentRevision?: RevisionItem }) { function RevisionsList({ revisions, onSelect, currentRevision }: { revisions: RevisionItem[], onSelect: (val: string) => void, currentRevision?: RevisionItem }) {
return ( return (
<FormList onSelect={onSelect} fullHeight> <FormList onSelect={onSelect} fullHeight>
{revisions.map((item) => {revisions.map((item) =>
<FormListItem <FormListItem
title={t("revisions.revision_last_edited", { date: item.dateLastEdited })} title={t("revisions.revision_last_edited", { date: item.dateLastEdited })}
value={item.revisionId} value={item.revisionId}
@ -152,7 +152,7 @@ function RevisionsList({ revisions, onSelect, currentRevision }: { revisions: Re
function RevisionPreview({noteContent, revisionItem, showDiff, setShown, onRevisionDeleted }: { function RevisionPreview({noteContent, revisionItem, showDiff, setShown, onRevisionDeleted }: {
noteContent?: string, noteContent?: string,
revisionItem?: RevisionItem, revisionItem?: RevisionItem,
showDiff: boolean, showDiff: boolean,
setShown: Dispatch<StateUpdater<boolean>>, setShown: Dispatch<StateUpdater<boolean>>,
onRevisionDeleted?: () => void onRevisionDeleted?: () => void
@ -163,7 +163,7 @@ function RevisionPreview({noteContent, revisionItem, showDiff, setShown, onRevis
if (revisionItem) { if (revisionItem) {
server.get<RevisionPojo>(`revisions/${revisionItem.revisionId}`).then(setFullRevision); server.get<RevisionPojo>(`revisions/${revisionItem.revisionId}`).then(setFullRevision);
} else { } else {
setFullRevision(undefined); setFullRevision(undefined);
} }
}, [revisionItem]); }, [revisionItem]);
@ -242,11 +242,11 @@ function RevisionContent({ noteContent, revisionItem, fullRevision, showDiff }:
return <RevisionContentText content={content} /> return <RevisionContentText content={content} />
case "code": case "code":
return <pre style={CODE_STYLE}>{content}</pre>; return <pre style={CODE_STYLE}>{content}</pre>;
case "image": case "image":
switch (revisionItem.mime) { switch (revisionItem.mime) {
case "image/svg+xml": { case "image/svg+xml": {
//Base64 of other format images may be embedded in svg //Base64 of other format images may be embedded in svg
const encodedSVG = encodeURIComponent(content as string); const encodedSVG = encodeURIComponent(content as string);
return <img return <img
src={`data:${fullRevision.mime};utf8,${encodedSVG}`} src={`data:${fullRevision.mime};utf8,${encodedSVG}`}
style={IMAGE_STYLE} />; style={IMAGE_STYLE} />;
@ -355,7 +355,7 @@ function RevisionFooter({ note }: { note?: FNote }) {
if (revisionsNumberLimit === -1) { if (revisionsNumberLimit === -1) {
revisionsNumberLimit = "∞"; revisionsNumberLimit = "∞";
} }
return <> return <>
<span class="revisions-snapshot-interval flex-grow-1 my-0 py-0"> <span class="revisions-snapshot-interval flex-grow-1 my-0 py-0">
{t("revisions.snapshot_interval", { seconds: options.getInt("revisionSnapshotTimeInterval") })} {t("revisions.snapshot_interval", { seconds: options.getInt("revisionSnapshotTimeInterval") })}
@ -376,4 +376,4 @@ async function getNote(noteId?: string | null) {
} else { } else {
return appContext.tabManager.getActiveContextNote(); return appContext.tabManager.getActiveContextNote();
} }
} }

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>
) )