diff --git a/apps/client/src/layouts/mobile_layout.tsx b/apps/client/src/layouts/mobile_layout.tsx index 6014fa810..3d21b9405 100644 --- a/apps/client/src/layouts/mobile_layout.tsx +++ b/apps/client/src/layouts/mobile_layout.tsx @@ -41,7 +41,7 @@ kbd { cursor: pointer; font-size: 1.25em; padding-inline-start: 0.5em; - padding-right: 0.5em; + padding-inline-end: 0.5em; color: var(--main-text-color); } .quick-search { @@ -127,7 +127,7 @@ export default class MobileLayout { .id("mobile-sidebar-wrapper") .css("max-height", "100%") .css("padding-inline-start", "0") - .css("padding-right", "0") + .css("padding-inline-end", "0") .css("contain", "content") .child(new FlexContainer("column").filling().id("mobile-sidebar-wrapper").child(new QuickSearchWidget()).child(new NoteTreeWidget().cssBlock(FANCYTREE_CSS))) ) diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css index ef1207e85..ccf8974eb 100644 --- a/apps/client/src/stylesheets/style.css +++ b/apps/client/src/stylesheets/style.css @@ -608,7 +608,7 @@ pre > button.copy-button { } :root pre:has(> button.copy-button) { - padding-right: calc(var(--copy-button-width) + (var(--copy-button-margin-size) * 2)); + padding-inline-end: calc(var(--copy-button-width) + (var(--copy-button-margin-size) * 2)); } pre > button.copy-button:hover { @@ -635,7 +635,7 @@ pre > button.copy-button:active { cursor: pointer; font-size: 1.3em; padding-inline-start: 5px; - padding-right: 5px; + padding-inline-end: 5px; } .input-clearer-button { @@ -643,14 +643,14 @@ pre > button.copy-button:active { font-size: 1.3em; background: inherit !important; padding-inline-start: 5px; - padding-right: 5px; + padding-inline-end: 5px; } .open-external-link-button { cursor: pointer; font-size: 1.3em; padding-inline-start: 5px; - padding-right: 5px; + padding-inline-end: 5px; padding-top: 8px; } @@ -658,7 +658,7 @@ pre > button.copy-button:active { cursor: pointer; font-size: 1.3em; padding-inline-start: 4px; - padding-right: 3px; + padding-inline-end: 3px; } .go-to-selected-note-button.disabled, @@ -1154,7 +1154,7 @@ a.external:not(.no-arrow):after, a[href^="http://"]:not(.no-arrow):after, a[href .toast.no-title .toast-body { padding-inline-start: 0; - padding-right: 0; + padding-inline-end: 0; } .toast.no-title .toast-header { @@ -1446,7 +1446,7 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu { .area-expander-text { padding-inline-start: 20px; - padding-right: 20px; + padding-inline-end: 20px; white-space: nowrap; } @@ -1975,7 +1975,7 @@ body.electron.platform-darwin:not(.native-titlebar) .tab-row-container { } .tab-row-widget { - padding-right: calc(100vw - env(titlebar-area-width, 100vw)); + padding-inline-end: calc(100vw - env(titlebar-area-width, 100vw)); } .tab-row-container .toggle-button { @@ -2050,7 +2050,7 @@ body.zen .title-row { height: unset !important; -webkit-app-region: drag; padding-inline-start: env(titlebar-area-x); - padding-right: calc(100vw - env(titlebar-area-width, 100vw) + 2.5em); + padding-inline-end: calc(100vw - env(titlebar-area-width, 100vw) + 2.5em); } body.zen .floating-buttons { @@ -2217,7 +2217,7 @@ footer.webview-footer button { .chat-input { width: 100%; resize: none; - padding-right: 40px; + padding-inline-end: 40px; } .chat-buttons { diff --git a/apps/client/src/stylesheets/table.css b/apps/client/src/stylesheets/table.css index c77228a7e..4285194e7 100644 --- a/apps/client/src/stylesheets/table.css +++ b/apps/client/src/stylesheets/table.css @@ -91,7 +91,7 @@ .tabulator-row .tabulator-cell input { padding-inline-start: var(--cell-horiz-padding-size) !important; - padding-right: var(--cell-horiz-padding-size) !important; + padding-inline-end: var(--cell-horiz-padding-size) !important; } .tabulator-row { diff --git a/apps/client/src/stylesheets/theme-next/dialogs.css b/apps/client/src/stylesheets/theme-next/dialogs.css index 099c3df61..74c38557b 100644 --- a/apps/client/src/stylesheets/theme-next/dialogs.css +++ b/apps/client/src/stylesheets/theme-next/dialogs.css @@ -198,7 +198,7 @@ div.tn-tool-dialog { padding-top: var(--timeline-item-top-padding); padding-bottom: var(--timeline-item-bottom-padding); padding-inline-start: calc(var(--timeline-left-gap) + var(--timeline-right-gap)); - padding-right: var(--timeline-left-gap); + padding-inline-end: var(--timeline-left-gap); color: var(--active-item-text-color); } @@ -401,7 +401,7 @@ div.tn-tool-dialog { /* Labels */ .attr-edit-table th { - padding-right: 12px; + padding-inline-end: 12px; font-weight: normal; white-space: nowrap; } diff --git a/apps/client/src/stylesheets/theme-next/forms.css b/apps/client/src/stylesheets/theme-next/forms.css index 9ed3844b0..c7c222880 100644 --- a/apps/client/src/stylesheets/theme-next/forms.css +++ b/apps/client/src/stylesheets/theme-next/forms.css @@ -62,7 +62,7 @@ button.btn.btn-secondary span.bx, button.btn.btn-sm span.bx, button.btn.btn-success span.bx { color: var(--cmd-button-icon-color); - padding-right: 0.35em; + padding-inline-end: 0.35em; font-size: 1.2em; } @@ -237,7 +237,7 @@ input::selection, outline-offset: 6px; background: var(--input-background-color); border-radius: 6px; - padding-right: 8px; + padding-inline-end: 8px; color: var(--quick-search-color); flex-wrap: nowrap; } @@ -357,7 +357,7 @@ select.form-control, outline: 3px solid transparent; outline-offset: 6px; - padding-right: calc(15px + 1.5rem); + padding-inline-end: calc(15px + 1.5rem); background: var(--input-background-color) var(--dropdown-arrow); color: var(--input-text-color); border: unset; diff --git a/apps/client/src/stylesheets/theme-next/notes/text.css b/apps/client/src/stylesheets/theme-next/notes/text.css index e30099a86..52aba262e 100644 --- a/apps/client/src/stylesheets/theme-next/notes/text.css +++ b/apps/client/src/stylesheets/theme-next/notes/text.css @@ -354,7 +354,7 @@ align-items: center; width: 100%; margin: 4px; - padding-right: 2em; + padding-inline-end: 2em; border: 1px solid var(--accent); border-radius: 6px; } @@ -556,7 +556,7 @@ pre button.copy-button.icon-action { } :root pre:has(> button.copy-button) { - padding-right: calc(var(--icon-button-size) + (var(--copy-button-margin-size) * 2)); + padding-inline-end: calc(var(--icon-button-size) + (var(--copy-button-margin-size) * 2)); } html .note-detail-editable-text :not(figure, .include-note, hr):first-child { diff --git a/apps/client/src/stylesheets/theme-next/shell.css b/apps/client/src/stylesheets/theme-next/shell.css index be0c598ea..48f8bf016 100644 --- a/apps/client/src/stylesheets/theme-next/shell.css +++ b/apps/client/src/stylesheets/theme-next/shell.css @@ -472,7 +472,7 @@ div.bookmark-folder-widget .note-link .bx { div.quick-search { --padding-top: 8px; --padding-inline-start: 8px; - --padding-right: 8px; + --padding-inline-end: 8px; --padding-bottom: 8px; position: relative; @@ -480,7 +480,7 @@ div.quick-search { align-items: center; height: unset; contain: unset; - padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-inline-start); + padding: var(--padding-top) var(--padding-inline-end) var(--padding-bottom) var(--padding-inline-start); } div.quick-search, @@ -498,7 +498,7 @@ div.quick-search::before { top: var(--padding-top); left: var(--padding-inline-start); bottom: var(--padding-bottom); - right: var(--padding-right); + right: var(--padding-inline-end); z-index: 0; border: 2px solid transparent; border-radius: 6px; @@ -773,7 +773,7 @@ body.mobile .fancytree-node > span { overflow: hidden; border: 1px solid transparent; padding: var(--tree-actions-toolbar-padding-size); - padding-right: var(--tree-actions-toolbar-collapsed-width); + padding-inline-end: var(--tree-actions-toolbar-collapsed-width); background: transparent; transition: max-width 400ms ease-out, @@ -1056,7 +1056,7 @@ body.layout-horizontal .tab-row-widget .note-tab .note-tab-wrapper { } :root .tab-row-widget .note-tab .note-tab-icon { - padding-right: 5px; /* The gap between the icon and the title */ + padding-inline-end: 5px; /* The gap between the icon and the title */ } .tab-row-widget .note-tab[active] .note-tab-icon { @@ -1230,7 +1230,7 @@ body.mobile .note-title { .title-row { /* Aligns the "Create new split" button with the note menu button (the three dots button) */ - padding-right: 3px; + padding-inline-end: 3px; } .note-title-widget input { @@ -1327,7 +1327,7 @@ div.promoted-attributes-container input { /* A promoted attribute card */ div.promoted-attribute-cell { --pa-card-padding-inline-start: 16px; - --pa-card-padding-right: 2px; + --pa-card-padding-inline-end: 2px; --input-background-color: transparent; box-shadow: 1px 1px 2px var(--promoted-attribute-card-shadow-color); @@ -1335,7 +1335,7 @@ div.promoted-attribute-cell { display: inline-flex; margin: 0; border-radius: 8px; - padding: 2px var(--pa-card-padding-right) 2px var(--pa-card-padding-inline-start); + padding: 2px var(--pa-card-padding-inline-end) 2px var(--pa-card-padding-inline-start); background: var(--promoted-attribute-card-background-color); overflow-y: visible; } @@ -1350,7 +1350,7 @@ div.promoted-attribute-cell { /* A promoted attribute card (boolean attribute) */ div.promoted-attribute-cell:has(input[type="checkbox"]):not(:has(.multiplicity > span)) { /* Checbox attribute, without multiplicity */ - padding-right: var(--pa-card-padding-inline-start); + padding-inline-end: var(--pa-card-padding-inline-start); } div.promoted-attribute-cell > * { @@ -1408,7 +1408,7 @@ div.promoted-attribute-cell .multiplicity:has(span) { --icon-button-size: 24px; margin-inline-start: 8px; - margin-inline-end: calc(var(--pa-card-padding-inline-start) - var(--pa-card-padding-right)); + margin-inline-end: calc(var(--pa-card-padding-inline-start) - var(--pa-card-padding-inline-end)); font-size: 0; /* Prevent whitespaces creating a gap between buttons */ display: flex; } @@ -1662,7 +1662,7 @@ div.find-replace-widget div.find-widget-found-wrapper > span { .find-widget-box, .replace-widget-box { - padding-right: 3em !important; + padding-inline-end: 3em !important; } .find-widget-close-button { @@ -1743,7 +1743,7 @@ div.find-replace-widget div.find-widget-found-wrapper > span { #right-pane .toc li, #right-pane .highlights-list li { padding-top: 2px; - padding-right: 8px; + padding-inline-end: 8px; padding-bottom: 2px; border-radius: 4px; text-align: unset; diff --git a/apps/client/src/widgets/collections/calendar/index.css b/apps/client/src/widgets/collections/calendar/index.css index 2255cc1d0..dd7301a47 100644 --- a/apps/client/src/widgets/collections/calendar/index.css +++ b/apps/client/src/widgets/collections/calendar/index.css @@ -67,10 +67,10 @@ } body.desktop:not(.zen) .calendar-view .calendar-header { - padding-right: 5em; + padding-inline-end: 5em; } .search-result-widget-content .calendar-view .calendar-header { - padding-right: unset !important; + padding-inline-end: unset !important; } /* #endregion */ \ No newline at end of file diff --git a/apps/client/src/widgets/collections/legacy/ListOrGridView.css b/apps/client/src/widgets/collections/legacy/ListOrGridView.css index 784dcfa49..3a62b85b3 100644 --- a/apps/client/src/widgets/collections/legacy/ListOrGridView.css +++ b/apps/client/src/widgets/collections/legacy/ListOrGridView.css @@ -57,7 +57,7 @@ .note-book-header .note-icon { font-size: 100%; display: inline-block; - padding-right: 7px; + padding-inline-end: 7px; position: relative; } diff --git a/apps/client/src/widgets/note_icon.css b/apps/client/src/widgets/note_icon.css index 810438a8a..a05be824d 100644 --- a/apps/client/src/widgets/note_icon.css +++ b/apps/client/src/widgets/note_icon.css @@ -29,7 +29,7 @@ .note-icon-widget .filter-row { padding-top: 10px; padding-bottom: 10px; - padding-right: 20px; + padding-inline-end: 20px; display: flex; align-items: baseline; } @@ -37,7 +37,7 @@ .note-icon-widget .filter-row span { display: block; padding-inline-start: 15px; - padding-right: 15px; + padding-inline-end: 15px; font-weight: bold; } diff --git a/apps/client/src/widgets/sql_table_schemas.css b/apps/client/src/widgets/sql_table_schemas.css index d13a71dfd..d6c1c8f95 100644 --- a/apps/client/src/widgets/sql_table_schemas.css +++ b/apps/client/src/widgets/sql_table_schemas.css @@ -1,6 +1,6 @@ .sql-table-schemas-widget { padding: 12px; - padding-right: 10%; + padding-inline-end: 10%; contain: none !important; } diff --git a/apps/client/src/widgets/tab_row.ts b/apps/client/src/widgets/tab_row.ts index ce8682d66..84c96378b 100644 --- a/apps/client/src/widgets/tab_row.ts +++ b/apps/client/src/widgets/tab_row.ts @@ -156,7 +156,7 @@ const TAB_ROW_TPL = ` .tab-row-widget .note-tab[is-mini] .note-tab-wrapper { padding-inline-start: 2px; - padding-right: 2px; + padding-inline-end: 2px; } .tab-row-widget .note-tab .note-tab-title { @@ -168,7 +168,7 @@ const TAB_ROW_TPL = ` .tab-row-widget .note-tab .note-tab-icon { position: relative; - padding-right: 3px; + padding-inline-end: 3px; } .tab-row-widget .note-tab[is-small] .note-tab-title { diff --git a/apps/client/src/widgets/type_widgets/attachment_detail.ts b/apps/client/src/widgets/type_widgets/attachment_detail.ts index fe9f750e6..a359c82c4 100644 --- a/apps/client/src/widgets/type_widgets/attachment_detail.ts +++ b/apps/client/src/widgets/type_widgets/attachment_detail.ts @@ -12,7 +12,7 @@ const TPL = /*html*/`