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 padding-right

Browse Source
This commit is contained in:
Elian Doran 2025-10-08 17:46:10 +03:00
parent 34117fa9ad
commit 6faccd3b14
No known key found for this signature in database
14 changed files with 42 additions and 42 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

@ -41,7 +41,7 @@ kbd {
cursor: pointer; cursor: pointer;
font-size: 1.25em; font-size: 1.25em;
padding-inline-start: 0.5em; padding-inline-start: 0.5em;
padding-right: 0.5em; padding-inline-end: 0.5em;
color: var(--main-text-color); color: var(--main-text-color);
} }
.quick-search { .quick-search {
@ -127,7 +127,7 @@ export default class MobileLayout {
.id("mobile-sidebar-wrapper") .id("mobile-sidebar-wrapper")
.css("max-height", "100%") .css("max-height", "100%")
.css("padding-inline-start", "0") .css("padding-inline-start", "0")
.css("padding-right", "0") .css("padding-inline-end", "0")
.css("contain", "content") .css("contain", "content")
.child(new FlexContainer("column").filling().id("mobile-sidebar-wrapper").child(new QuickSearchWidget()).child(new NoteTreeWidget().cssBlock(FANCYTREE_CSS))) .child(new FlexContainer("column").filling().id("mobile-sidebar-wrapper").child(new QuickSearchWidget()).child(new NoteTreeWidget().cssBlock(FANCYTREE_CSS)))
) )

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

@ -608,7 +608,7 @@ pre > button.copy-button {
} }
:root pre:has(> 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 { pre > button.copy-button:hover {
@ -635,7 +635,7 @@ pre > button.copy-button:active {
cursor: pointer; cursor: pointer;
font-size: 1.3em; font-size: 1.3em;
padding-inline-start: 5px; padding-inline-start: 5px;
padding-right: 5px; padding-inline-end: 5px;
} }
.input-clearer-button { .input-clearer-button {
@ -643,14 +643,14 @@ pre > button.copy-button:active {
font-size: 1.3em; font-size: 1.3em;
background: inherit !important; background: inherit !important;
padding-inline-start: 5px; padding-inline-start: 5px;
padding-right: 5px; padding-inline-end: 5px;
} }
.open-external-link-button { .open-external-link-button {
cursor: pointer; cursor: pointer;
font-size: 1.3em; font-size: 1.3em;
padding-inline-start: 5px; padding-inline-start: 5px;
padding-right: 5px; padding-inline-end: 5px;
padding-top: 8px; padding-top: 8px;
} }
@ -658,7 +658,7 @@ pre > button.copy-button:active {
cursor: pointer; cursor: pointer;
font-size: 1.3em; font-size: 1.3em;
padding-inline-start: 4px; padding-inline-start: 4px;
padding-right: 3px; padding-inline-end: 3px;
} }
.go-to-selected-note-button.disabled, .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 { .toast.no-title .toast-body {
padding-inline-start: 0; padding-inline-start: 0;
padding-right: 0; padding-inline-end: 0;
} }
.toast.no-title .toast-header { .toast.no-title .toast-header {
@ -1446,7 +1446,7 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
.area-expander-text { .area-expander-text {
padding-inline-start: 20px; padding-inline-start: 20px;
padding-right: 20px; padding-inline-end: 20px;
white-space: nowrap; white-space: nowrap;
} }
@ -1975,7 +1975,7 @@ body.electron.platform-darwin:not(.native-titlebar) .tab-row-container {
} }
.tab-row-widget { .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 { .tab-row-container .toggle-button {
@ -2050,7 +2050,7 @@ body.zen .title-row {
height: unset !important; height: unset !important;
-webkit-app-region: drag; -webkit-app-region: drag;
padding-inline-start: env(titlebar-area-x); 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 { body.zen .floating-buttons {
@ -2217,7 +2217,7 @@ footer.webview-footer button {
.chat-input { .chat-input {
width: 100%; width: 100%;
resize: none; resize: none;
padding-right: 40px; padding-inline-end: 40px;
} }
.chat-buttons { .chat-buttons {

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

@ -91,7 +91,7 @@
.tabulator-row .tabulator-cell input { .tabulator-row .tabulator-cell input {
padding-inline-start: var(--cell-horiz-padding-size) !important; 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 { .tabulator-row {

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

@ -198,7 +198,7 @@ div.tn-tool-dialog {
padding-top: var(--timeline-item-top-padding); padding-top: var(--timeline-item-top-padding);
padding-bottom: var(--timeline-item-bottom-padding); padding-bottom: var(--timeline-item-bottom-padding);
padding-inline-start: calc(var(--timeline-left-gap) + var(--timeline-right-gap)); 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); color: var(--active-item-text-color);
} }
@ -401,7 +401,7 @@ div.tn-tool-dialog {
/* Labels */ /* Labels */
.attr-edit-table th { .attr-edit-table th {
padding-right: 12px; padding-inline-end: 12px;
font-weight: normal; font-weight: normal;
white-space: nowrap; white-space: nowrap;
} }

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

@ -62,7 +62,7 @@ button.btn.btn-secondary span.bx,
button.btn.btn-sm span.bx, button.btn.btn-sm span.bx,
button.btn.btn-success span.bx { button.btn.btn-success span.bx {
color: var(--cmd-button-icon-color); color: var(--cmd-button-icon-color);
padding-right: 0.35em; padding-inline-end: 0.35em;
font-size: 1.2em; font-size: 1.2em;
} }
@ -237,7 +237,7 @@ input::selection,
outline-offset: 6px; outline-offset: 6px;
background: var(--input-background-color); background: var(--input-background-color);
border-radius: 6px; border-radius: 6px;
padding-right: 8px; padding-inline-end: 8px;
color: var(--quick-search-color); color: var(--quick-search-color);
flex-wrap: nowrap; flex-wrap: nowrap;
} }
@ -357,7 +357,7 @@ select.form-control,
outline: 3px solid transparent; outline: 3px solid transparent;
outline-offset: 6px; outline-offset: 6px;
padding-right: calc(15px + 1.5rem); padding-inline-end: calc(15px + 1.5rem);
background: var(--input-background-color) var(--dropdown-arrow); background: var(--input-background-color) var(--dropdown-arrow);
color: var(--input-text-color); color: var(--input-text-color);
border: unset; border: unset;

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

@ -354,7 +354,7 @@
align-items: center; align-items: center;
width: 100%; width: 100%;
margin: 4px; margin: 4px;
padding-right: 2em; padding-inline-end: 2em;
border: 1px solid var(--accent); border: 1px solid var(--accent);
border-radius: 6px; border-radius: 6px;
} }
@ -556,7 +556,7 @@ pre button.copy-button.icon-action {
} }
:root pre:has(> button.copy-button) { :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 { html .note-detail-editable-text :not(figure, .include-note, hr):first-child {

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

@ -472,7 +472,7 @@ div.bookmark-folder-widget .note-link .bx {
div.quick-search { div.quick-search {
--padding-top: 8px; --padding-top: 8px;
--padding-inline-start: 8px; --padding-inline-start: 8px;
--padding-right: 8px; --padding-inline-end: 8px;
--padding-bottom: 8px; --padding-bottom: 8px;
position: relative; position: relative;
@ -480,7 +480,7 @@ div.quick-search {
align-items: center; align-items: center;
height: unset; height: unset;
contain: 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, div.quick-search,
@ -498,7 +498,7 @@ div.quick-search::before {
top: var(--padding-top); top: var(--padding-top);
left: var(--padding-inline-start); left: var(--padding-inline-start);
bottom: var(--padding-bottom); bottom: var(--padding-bottom);
right: var(--padding-right); right: var(--padding-inline-end);
z-index: 0; z-index: 0;
border: 2px solid transparent; border: 2px solid transparent;
border-radius: 6px; border-radius: 6px;
@ -773,7 +773,7 @@ body.mobile .fancytree-node > span {
overflow: hidden; overflow: hidden;
border: 1px solid transparent; border: 1px solid transparent;
padding: var(--tree-actions-toolbar-padding-size); 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; background: transparent;
transition: transition:
max-width 400ms ease-out, 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 { :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 { .tab-row-widget .note-tab[active] .note-tab-icon {
@ -1230,7 +1230,7 @@ body.mobile .note-title {
.title-row { .title-row {
/* Aligns the "Create new split" button with the note menu button (the three dots button) */ /* 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 { .note-title-widget input {
@ -1327,7 +1327,7 @@ div.promoted-attributes-container input {
/* A promoted attribute card */ /* A promoted attribute card */
div.promoted-attribute-cell { div.promoted-attribute-cell {
--pa-card-padding-inline-start: 16px; --pa-card-padding-inline-start: 16px;
--pa-card-padding-right: 2px; --pa-card-padding-inline-end: 2px;
--input-background-color: transparent; --input-background-color: transparent;
box-shadow: 1px 1px 2px var(--promoted-attribute-card-shadow-color); box-shadow: 1px 1px 2px var(--promoted-attribute-card-shadow-color);
@ -1335,7 +1335,7 @@ div.promoted-attribute-cell {
display: inline-flex; display: inline-flex;
margin: 0; margin: 0;
border-radius: 8px; 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); background: var(--promoted-attribute-card-background-color);
overflow-y: visible; overflow-y: visible;
} }
@ -1350,7 +1350,7 @@ div.promoted-attribute-cell {
/* A promoted attribute card (boolean attribute) */ /* A promoted attribute card (boolean attribute) */
div.promoted-attribute-cell:has(input[type="checkbox"]):not(:has(.multiplicity > span)) { div.promoted-attribute-cell:has(input[type="checkbox"]):not(:has(.multiplicity > span)) {
/* Checbox attribute, without multiplicity */ /* 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 > * { div.promoted-attribute-cell > * {
@ -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-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 */ font-size: 0; /* Prevent whitespaces creating a gap between buttons */
display: flex; display: flex;
} }
@ -1662,7 +1662,7 @@ div.find-replace-widget div.find-widget-found-wrapper > span {
.find-widget-box, .find-widget-box,
.replace-widget-box { .replace-widget-box {
padding-right: 3em !important; padding-inline-end: 3em !important;
} }
.find-widget-close-button { .find-widget-close-button {
@ -1743,7 +1743,7 @@ div.find-replace-widget div.find-widget-found-wrapper > span {
#right-pane .toc li, #right-pane .toc li,
#right-pane .highlights-list li { #right-pane .highlights-list li {
padding-top: 2px; padding-top: 2px;
padding-right: 8px; padding-inline-end: 8px;
padding-bottom: 2px; padding-bottom: 2px;
border-radius: 4px; border-radius: 4px;
text-align: unset; text-align: unset;

4
apps/client/src/widgets/collections/calendar/index.css
View File

@ -67,10 +67,10 @@
} }
body.desktop:not(.zen) .calendar-view .calendar-header { body.desktop:not(.zen) .calendar-view .calendar-header {
padding-right: 5em; padding-inline-end: 5em;
} }
.search-result-widget-content .calendar-view .calendar-header { .search-result-widget-content .calendar-view .calendar-header {
padding-right: unset !important; padding-inline-end: unset !important;
} }
/* #endregion */ /* #endregion */

2
apps/client/src/widgets/collections/legacy/ListOrGridView.css
View File

@ -57,7 +57,7 @@
.note-book-header .note-icon { .note-book-header .note-icon {
font-size: 100%; font-size: 100%;
display: inline-block; display: inline-block;
padding-right: 7px; padding-inline-end: 7px;
position: relative; position: relative;
} }

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

@ -29,7 +29,7 @@
.note-icon-widget .filter-row { .note-icon-widget .filter-row {
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;
padding-right: 20px; padding-inline-end: 20px;
display: flex; display: flex;
align-items: baseline; align-items: baseline;
} }
@ -37,7 +37,7 @@
.note-icon-widget .filter-row span { .note-icon-widget .filter-row span {
display: block; display: block;
padding-inline-start: 15px; padding-inline-start: 15px;
padding-right: 15px; padding-inline-end: 15px;
font-weight: bold; font-weight: bold;
} }

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

@ -1,6 +1,6 @@
.sql-table-schemas-widget { .sql-table-schemas-widget {
padding: 12px; padding: 12px;
padding-right: 10%; padding-inline-end: 10%;
contain: none !important; contain: none !important;
} }

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

@ -156,7 +156,7 @@ const TAB_ROW_TPL = `
.tab-row-widget .note-tab[is-mini] .note-tab-wrapper { .tab-row-widget .note-tab[is-mini] .note-tab-wrapper {
padding-inline-start: 2px; padding-inline-start: 2px;
padding-right: 2px; padding-inline-end: 2px;
} }
.tab-row-widget .note-tab .note-tab-title { .tab-row-widget .note-tab .note-tab-title {
@ -168,7 +168,7 @@ const TAB_ROW_TPL = `
.tab-row-widget .note-tab .note-tab-icon { .tab-row-widget .note-tab .note-tab-icon {
position: relative; position: relative;
padding-right: 3px; padding-inline-end: 3px;
} }
.tab-row-widget .note-tab[is-small] .note-tab-title { .tab-row-widget .note-tab[is-small] .note-tab-title {

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

@ -12,7 +12,7 @@ const TPL = /*html*/`
<style> <style>
.attachment-detail { .attachment-detail {
padding-inline-start: 15px; padding-inline-start: 15px;
padding-right: 15px; padding-inline-end: 15px;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

2
apps/client/src/widgets/type_widgets/attachment_list.ts
View File

@ -10,7 +10,7 @@ const TPL = /*html*/`
<style> <style>
.attachment-list { .attachment-list {
padding-inline-start: 15px; padding-inline-start: 15px;
padding-right: 15px; padding-inline-end: 15px;
} }
.attachment-list .links-wrapper { .attachment-list .links-wrapper {