Compare commits

..

2 Commits

Author SHA1 Message Date
Elian Doran
63c54010eb docs(guide): update html docs with sharing 2025-10-06 19:30:01 +03:00
Elian Doran
cec868459a Merge remote-tracking branch 'origin/main' into kev/share-html 2025-10-06 19:26:54 +03:00
232 changed files with 8182 additions and 11991 deletions

View File

@@ -12,7 +12,7 @@ jobs:
steps:
- name: Check if PRs have conflicts
uses: eps1lon/actions-label-merge-conflict@v3
if: github.repository == ${{ vars.REPO_MAIN }} && ${{secrets.MERGE_CONFLICT_LABEL_PAT}}
if: github.repository == ${{ vars.REPO_MAIN }}
with:
dirtyLabel: "merge-conflicts"
repoToken: "${{ secrets.MERGE_CONFLICT_LABEL_PAT }}"

View File

@@ -67,7 +67,7 @@ jobs:
# Initializes the CodeQL tools for scanning.
- name: Initialize CodeQL
uses: github/codeql-action/init@v4
uses: github/codeql-action/init@v3
with:
languages: ${{ matrix.language }}
build-mode: ${{ matrix.build-mode }}
@@ -95,6 +95,6 @@ jobs:
exit 1
- name: Perform CodeQL Analysis
uses: github/codeql-action/analyze@v4
uses: github/codeql-action/analyze@v3
with:
category: "/language:${{matrix.language}}"

View File

@@ -55,7 +55,7 @@ jobs:
- name: Setup Python
uses: actions/setup-python@v6
with:
python-version: '3.14'
python-version: '3.13'
cache: 'pip'
cache-dependency-path: 'requirements-docs.txt'
@@ -118,7 +118,6 @@ jobs:
- name: Deploy
uses: ./.github/actions/deploy-to-cloudflare-pages
if: github.repository == ${{ vars.REPO_MAIN }} && ${{secrets.CLOUDFLARE_API_TOKEN}}
with:
project_name: "trilium-docs"
comment_body: "📚 Documentation preview is ready"

View File

@@ -77,7 +77,7 @@ jobs:
GPG_SIGNING_KEY: ${{ secrets.GPG_SIGN_KEY }}
- name: Publish release
uses: softprops/action-gh-release@v2.4.0
uses: softprops/action-gh-release@v2.3.4
if: ${{ github.event_name != 'pull_request' }}
with:
make_latest: false
@@ -118,7 +118,7 @@ jobs:
arch: ${{ matrix.arch }}
- name: Publish release
uses: softprops/action-gh-release@v2.4.0
uses: softprops/action-gh-release@v2.3.4
if: ${{ github.event_name != 'pull_request' }}
with:
make_latest: false

View File

@@ -127,7 +127,7 @@ jobs:
path: upload
- name: Publish stable release
uses: softprops/action-gh-release@v2.4.0
uses: softprops/action-gh-release@v2.3.4
with:
draft: false
body_path: docs/Release Notes/Release Notes/${{ github.ref_name }}.md

View File

@@ -11,9 +11,6 @@ on:
paths:
- "apps/website/**"
release:
types: [ released ]
jobs:
build-and-deploy:
runs-on: ubuntu-latest

View File

@@ -167,7 +167,7 @@ Please view the [documentation guide](https://github.com/TriliumNext/Trilium/blo
## 👏 Shoutouts
* [zadam](https://github.com/zadam) for the original concept and implementation of the application.
* [Sarah Hussein](https://github.com/Sarah-Hussein) for designing the application icon.
* [Larsa](https://github.com/LarsaSara) for designing the application icon.
* [nriver](https://github.com/nriver) for his work on internationalization.
* [Thomas Frei](https://github.com/thfrei) for his original work on the Canvas.
* [antoniotejada](https://github.com/nriver) for the original syntax highlight widget.

View File

@@ -35,16 +35,16 @@
"chore:generate-openapi": "tsx bin/generate-openapi.js"
},
"devDependencies": {
"@playwright/test": "1.56.0",
"@playwright/test": "1.55.1",
"@stylistic/eslint-plugin": "5.4.0",
"@types/express": "5.0.3",
"@types/node": "22.18.9",
"@types/node": "22.18.8",
"@types/yargs": "17.0.33",
"@vitest/coverage-v8": "3.2.4",
"eslint": "9.37.0",
"eslint-plugin-simple-import-sort": "12.1.1",
"esm": "3.2.25",
"jsdoc": "4.0.5",
"jsdoc": "4.0.4",
"lorem-ipsum": "2.0.8",
"rcedit": "4.0.1",
"rimraf": "6.0.1",

View File

@@ -51,9 +51,9 @@
"leaflet": "1.9.4",
"leaflet-gpx": "2.2.0",
"mark.js": "8.11.1",
"marked": "16.4.0",
"marked": "16.3.0",
"mermaid": "11.12.0",
"mind-elixir": "5.3.2",
"mind-elixir": "5.1.1",
"normalize.css": "8.0.1",
"panzoom": "9.4.3",
"preact": "10.27.2",
@@ -73,7 +73,7 @@
"@types/mark.js": "8.11.12",
"@types/tabulator-tables": "6.2.11",
"copy-webpack-plugin": "13.0.1",
"happy-dom": "20.0.0",
"happy-dom": "19.0.2",
"script-loader": "0.7.2",
"vite-plugin-static-copy": "3.1.3"
}

View File

@@ -10,6 +10,7 @@ import { t } from "./services/i18n.js";
import options from "./services/options.js";
import type ElectronRemote from "@electron/remote";
import type Electron from "electron";
import "bootstrap/dist/css/bootstrap.min.css";
import "boxicons/css/boxicons.min.css";
import "autocomplete.js/index_jquery.js";

View File

@@ -40,8 +40,8 @@ kbd {
border: none;
cursor: pointer;
font-size: 1.25em;
padding-inline-start: 0.5em;
padding-inline-end: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
color: var(--main-text-color);
}
.quick-search {
@@ -59,7 +59,7 @@ const FANCYTREE_CSS = `
margin-top: 0px;
overflow-y: auto;
contain: content;
padding-inline-start: 10px;
padding-left: 10px;
}
.fancytree-custom-icon {
@@ -68,7 +68,7 @@ const FANCYTREE_CSS = `
.fancytree-title {
font-size: 1.5em;
margin-inline-start: 0.6em !important;
margin-left: 0.6em !important;
}
.fancytree-node {
@@ -81,7 +81,7 @@ const FANCYTREE_CSS = `
span.fancytree-expander {
width: 24px !important;
margin-inline-end: 5px;
margin-right: 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-inline-end: 16px;
margin-right: 16px;
display: none;
}
@@ -126,8 +126,8 @@ export default class MobileLayout {
.class("d-md-flex d-lg-flex d-xl-flex col-12 col-sm-5 col-md-4 col-lg-3 col-xl-3")
.id("mobile-sidebar-wrapper")
.css("max-height", "100%")
.css("padding-inline-start", "0")
.css("padding-inline-end", "0")
.css("padding-left", "0")
.css("padding-right", "0")
.css("contain", "content")
.child(new FlexContainer("column").filling().id("mobile-sidebar-wrapper").child(new QuickSearchWidget()).child(new NoteTreeWidget().cssBlock(FANCYTREE_CSS)))
)

View File

@@ -1,3 +1,5 @@
import "bootstrap/dist/css/bootstrap.min.css";
// @ts-ignore - module = undefined
// Required for correct loading of scripts in Electron
if (typeof module === 'object') {window.module = module; module = undefined;}

View File

@@ -150,8 +150,8 @@ class ContextMenu {
this.$widget
.css({
display: "block",
top,
left
top: top,
left: left
})
.addClass("show");
}
@@ -187,7 +187,7 @@ class ContextMenu {
}
// Create a new group to avoid column breaks before and after the seaparator / header.
// This is a workaround for Firefox not supporting break-before / break-after: avoid
// This is a workaround for Firefox not supporting break-before / break-after: avoid
// for columns.
if (shouldStartNewGroup) {
$group = $("<div class='dropdown-no-break'>");
@@ -313,7 +313,7 @@ class ContextMenu {
}
$group.append($item);
// After adding a menu item, if the previous item was a separator or header,
// reset the group so that the next item will be appended directly to the parent.
if (shouldResetGroup) {

View File

@@ -1,6 +1,7 @@
import appContext from "./components/app_context.js";
import noteAutocompleteService from "./services/note_autocomplete.js";
import glob from "./services/glob.js";
import "bootstrap/dist/css/bootstrap.min.css";
import "boxicons/css/boxicons.min.css";
import "autocomplete.js/index_jquery.js";

View File

@@ -1,15 +1,5 @@
import $ from "jquery";
async function loadBootstrap() {
if (document.body.dir === "rtl") {
await import("bootstrap/dist/css/bootstrap.rtl.min.css");
} else {
await import("bootstrap/dist/css/bootstrap.min.css");
}
}
(window as any).$ = $;
(window as any).jQuery = $;
await loadBootstrap();
$("body").show();

View File

@@ -6,7 +6,7 @@ import { describe, expect, it } from "vitest";
describe("i18n", () => {
it("translations are valid JSON", () => {
for (const locale of LOCALES) {
if (locale.contentOnly || locale.id === "en_rtl") {
if (locale.contentOnly) {
continue;
}

View File

@@ -3,7 +3,16 @@ import linkContextMenuService from "../menus/link_context_menu.js";
import appContext, { type NoteCommandData } from "../components/app_context.js";
import froca from "./froca.js";
import utils from "./utils.js";
import { ALLOWED_PROTOCOLS } from "@triliumnext/commons";
// Be consistent with `allowedSchemes` in `src\services\html_sanitizer.ts`
// TODO: Deduplicate with server once we can.
export const ALLOWED_PROTOCOLS = [
'http', 'https', 'ftp', 'ftps', 'mailto', 'data', 'evernote', 'file', 'facetime', 'gemini', 'git',
'gopher', 'imap', 'irc', 'irc6', 'jabber', 'jar', 'lastfm', 'ldap', 'ldaps', 'magnet', 'message',
'mumble', 'nfs', 'onenote', 'pop', 'rmi', 's3', 'sftp', 'skype', 'sms', 'spotify', 'steam', 'svn', 'udp',
'view-source', 'vlc', 'vnc', 'ws', 'wss', 'xmpp', 'jdbc', 'slack', 'tel', 'smb', 'zotero', 'geo',
'mid'
];
function getNotePathFromUrl(url: string) {
const notePathMatch = /#(root[A-Za-z0-9_/]*)$/.exec(url);

View File

@@ -869,18 +869,6 @@ export function getErrorMessage(e: unknown) {
}
}
/**
* Handles left or right placement of e.g. tooltips in case of right-to-left languages. If the current language is a RTL one, then left and right are swapped. Other directions are unaffected.
* @param placement a string optionally containing a "left" or "right" value.
* @returns a left/right value swapped if needed, or the same as input otherwise.
*/
export function handleRightToLeftPlacement<T extends string>(placement: T) {
if (!glob.isRtl) return placement;
if (placement === "left") return "right";
if (placement === "right") return "left";
return placement;
}
export default {
reloadFrontendApp,
restartDesktopApp,

View File

@@ -1,3 +1,4 @@
import "bootstrap/dist/css/bootstrap.min.css";
import "./stylesheets/auth.css";
// @TriliumNextTODO: is this even needed anymore?

View File

@@ -1,6 +1,7 @@
import "jquery";
import utils from "./services/utils.js";
import ko from "knockout";
import "bootstrap/dist/css/bootstrap.min.css";
// TriliumNextTODO: properly make use of below types
// type SetupModelSetupType = "new-document" | "sync-from-desktop" | "sync-from-server" | "";

View File

@@ -60,7 +60,7 @@
appearance: none;
text-align: center;
border: 0;
border-inline-start: unset;
border-left: unset;
background-color: var(--menu-background-color);
font-weight: bold;
outline: 0;
@@ -102,7 +102,7 @@
content: '';
position: absolute;
top: 0;
inset-inline-end: 0;
right: 0;
bottom: 0;
width: 1px;
background-color: var(--main-border-color);

View File

@@ -299,7 +299,7 @@
content: '';
position: absolute;
top: 0;
inset-inline-start: -100%;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, var(--hover-item-background-color, rgba(0, 0, 0, 0.03)), transparent);
@@ -406,10 +406,10 @@
@keyframes shimmer {
0% {
inset-inline-start: -100%;
left: -100%;
}
100% {
inset-inline-start: 100%;
left: 100%;
}
}

View File

@@ -218,7 +218,7 @@ span[style] {
--box-vert-offset: calc((1lh - var(--box-size)) / 2);
display: inline-block;
padding-inline-start: calc(var(--box-size) + var(--box-text-gap));
padding-left: calc(var(--box-size) + var(--box-text-gap));
/* Source: https://pictogrammers.com/library/mdi/icon/checkbox-blank-outline/ */
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3e%3cpath d='M19%2c3H5C3.89%2c3 3%2c3.89 3%2c5V19A2%2c2 0 0%2c0 5%2c21H19A2%2c2 0 0%2c0 21%2c19V5C21%2c3.89 20.1%2c3 19%2c3M19%2c5V19H5V5H19Z' /%3e%3c/svg%3e");
background-position: 0 var(--box-vert-offset);
@@ -281,7 +281,7 @@ span[style] {
position: absolute;
top: 0;
inset-inline-start: 0;
left: 0;
width: 100%;
height: 100%;
}

View File

@@ -62,7 +62,7 @@
.note-detail-relation-map .endpoint {
position: absolute;
bottom: 37%;
inset-inline-end: 5px;
right: 5px;
width: 1em;
height: 1em;
background-color: #333;

View File

@@ -174,12 +174,12 @@ textarea,
/* Add a gap between consecutive radios / check boxes */
label.tn-radio + label.tn-radio,
label.tn-checkbox + label.tn-checkbox {
margin-inline-start: 12px;
margin-left: 12px;
}
label.tn-radio input[type="radio"],
label.tn-checkbox input[type="checkbox"] {
margin-inline-end: .5em;
margin-right: .5em;
}
#left-pane input,
@@ -226,7 +226,7 @@ samp {
.badge {
--bs-badge-color: var(--muted-text-color);
margin-inline-start: 8px;
margin-left: 8px;
background: var(--accented-background-color);
}
@@ -338,8 +338,8 @@ button kbd {
}
.ui-menu kbd {
margin-inline-start: 30px;
float: inline-end;
margin-left: 30px;
float: right;
}
.suppressed {
@@ -392,7 +392,7 @@ body.desktop .tabulator-popup-container {
}
.dropend .dropdown-toggle::after {
margin-inline-start: 0.5em;
margin-left: 0.5em;
color: var(--muted-text-color);
}
@@ -403,7 +403,7 @@ body.desktop .tabulator-popup-container {
.dropdown-menu .disabled .disabled-tooltip {
pointer-events: all;
margin-inline-start: 8px;
margin-left: 8px;
font-size: 0.5em;
color: var(--disabled-tooltip-icon-color);
cursor: help;
@@ -443,7 +443,7 @@ body #context-menu-container .dropdown-item > span {
.dropdown-item span.keyboard-shortcut,
.dropdown-item *:not(.keyboard-shortcut) > kbd {
flex-grow: 1;
text-align: end;
text-align: right;
padding-inline-start: 12px;
}
@@ -504,7 +504,7 @@ body #context-menu-container .dropdown-item > span {
body .cm-editor .cm-gutters {
background-color: inherit !important;
border-inline-end: none;
border-right: none;
}
body .cm-editor .cm-placeholder {
@@ -586,10 +586,6 @@ button.btn-sm {
z-index: 1000;
}
body[dir=rtl] .ck.ck-block-toolbar-button {
transform: translateX(-7px);
}
pre:not(.hljs) {
color: var(--main-text-color) !important;
white-space: pre-wrap;
@@ -608,11 +604,11 @@ pre:not(.hljs) {
pre > button.copy-button {
position: absolute;
top: var(--copy-button-margin-size);
inset-inline-end: var(--copy-button-margin-size);
right: var(--copy-button-margin-size);
}
:root pre:has(> button.copy-button) {
padding-inline-end: calc(var(--copy-button-width) + (var(--copy-button-margin-size) * 2));
padding-right: calc(var(--copy-button-width) + (var(--copy-button-margin-size) * 2));
}
pre > button.copy-button:hover {
@@ -638,31 +634,31 @@ pre > button.copy-button:active {
.full-text-search-button {
cursor: pointer;
font-size: 1.3em;
padding-inline-start: 5px;
padding-inline-end: 5px;
padding-left: 5px;
padding-right: 5px;
}
.input-clearer-button {
cursor: pointer;
font-size: 1.3em;
background: inherit !important;
padding-inline-start: 5px;
padding-inline-end: 5px;
padding-left: 5px;
padding-right: 5px;
}
.open-external-link-button {
cursor: pointer;
font-size: 1.3em;
padding-inline-start: 5px;
padding-inline-end: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 8px;
}
.go-to-selected-note-button {
cursor: pointer;
font-size: 1.3em;
padding-inline-start: 4px;
padding-inline-end: 3px;
padding-left: 4px;
padding-right: 3px;
}
.go-to-selected-note-button.disabled,
@@ -675,7 +671,7 @@ pre > button.copy-button:active {
.note-autocomplete-input {
/* this is for seamless integration of "input clearer" button */
border-inline-end: 0;
border-right: 0;
}
table.promoted-attributes-in-tooltip {
@@ -708,10 +704,10 @@ table.promoted-attributes-in-tooltip th {
border-top-color: var(--main-border-color) !important;
}
.bs-tooltip-left .tooltip-arrow::before {
border-inline-start-color: var(--main-border-color) !important;
border-left-color: var(--main-border-color) !important;
}
.bs-tooltip-right .tooltip-arrow::before {
border-inline-end-color: var(--main-border-color) !important;
border-right-color: var(--main-border-color) !important;
}
.bs-tooltip-bottom .tooltip-arrow::after {
@@ -721,17 +717,17 @@ table.promoted-attributes-in-tooltip th {
border-top-color: var(--tooltip-background-color) !important;
}
.bs-tooltip-left .tooltip-arrow::after {
border-inline-start-color: var(--tooltip-background-color) !important;
border-left-color: var(--tooltip-background-color) !important;
}
.bs-tooltip-right .tooltip-arrow::after {
border-inline-end-color: var(--tooltip-background-color) !important;
border-right-color: var(--tooltip-background-color) !important;
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
.bs-tooltip-left .tooltip-arrow::before {
inset-inline-start: -1px;
left: -1px;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-inline-start-color: var(--main-border-color) !important;
border-left-color: var(--main-border-color) !important;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before,
@@ -743,9 +739,9 @@ table.promoted-attributes-in-tooltip th {
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
.bs-tooltip-right .tooltip-arrow::before {
inset-inline-end: -1px;
right: -1px;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-inline-end-color: var(--main-border-color) !important;
border-right-color: var(--main-border-color) !important;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
@@ -757,9 +753,9 @@ table.promoted-attributes-in-tooltip th {
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::after,
.bs-tooltip-left .tooltip-arrow::after {
inset-inline-start: -1px;
left: -1px;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-inline-start-color: var(--tooltip-background-color) !important;
border-left-color: var(--tooltip-background-color) !important;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::after,
@@ -771,9 +767,9 @@ table.promoted-attributes-in-tooltip th {
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::after,
.bs-tooltip-right .tooltip-arrow::after {
inset-inline-end: -1px;
right: -1px;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-inline-end-color: var(--tooltip-background-color) !important;
border-right-color: var(--tooltip-background-color) !important;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::after,
@@ -792,7 +788,7 @@ table.promoted-attributes-in-tooltip th {
background-color: var(--tooltip-background-color) !important;
border: 1px solid var(--main-border-color);
border-radius: 5px;
text-align: start;
text-align: left;
color: var(--main-text-color) !important;
max-width: 500px;
box-shadow: 10px 10px 93px -25px #aaaaaa;
@@ -825,7 +821,7 @@ table.promoted-attributes-in-tooltip th {
.note-tooltip-content .open-popup-button {
position: absolute;
inset-inline-end: 15px;
right: 15px;
bottom: 8px;
font-size: 1.2em;
color: inherit;
@@ -845,7 +841,7 @@ table.promoted-attributes-in-tooltip th {
}
.tooltip-inner figure.image-style-side {
float: inline-end;
float: right;
}
.tooltip.show {
@@ -894,7 +890,7 @@ table.promoted-attributes-in-tooltip th {
.aa-dropdown-menu .aa-suggestion .text {
display: inline-block;
width: calc(100% - 20px);
padding-inline-start: 4px;
padding-left: 4px;
}
.aa-dropdown-menu .aa-suggestion .search-result-title {
@@ -920,7 +916,7 @@ table.promoted-attributes-in-tooltip th {
}
.help-button {
float: inline-end;
float: right;
background: none;
font-weight: 900;
color: orange;
@@ -1037,7 +1033,7 @@ svg.ck-icon .note-icon {
counter-increment: footnote-counter;
display: flex;
list-style: none;
margin-inline-start: 0.5em;
margin-left: 0.5em;
}
.ck-content .footnote-item > * {
@@ -1045,13 +1041,13 @@ svg.ck-icon .note-icon {
}
.ck-content .footnote-back-link {
margin-inline-end: 0.1em;
margin-right: 0.1em;
position: relative;
top: -0.2em;
}
.ck-content .footnotes .footnote-back-link > sup {
margin-inline-end: 0;
margin-right: 0;
}
.ck-content .footnote-item:before {
@@ -1059,8 +1055,8 @@ svg.ck-icon .note-icon {
display: inline-block;
min-width: fit-content;
position: relative;
inset-inline-end: 0.2em;
text-align: end;
right: 0.2em;
text-align: right;
}
.ck-content .footnote-content {
@@ -1076,11 +1072,11 @@ svg.ck-icon .note-icon {
}
#options-dialog input[type="number"] {
text-align: end;
text-align: right;
}
.help-cards ul {
padding-inline-start: 20px;
padding-left: 20px;
}
.help-cards kbd {
@@ -1157,8 +1153,8 @@ 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-inline-end: 0;
padding-left: 0;
padding-right: 0;
}
.toast.no-title .toast-header {
@@ -1278,8 +1274,8 @@ a.external:not(.no-arrow):after, a[href^="http://"]:not(.no-arrow):after, a[href
#context-menu-cover.show {
position: fixed;
top: 0;
inset-inline-start: 0;
inset-inline-end: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
background: rgba(0, 0, 0, 0.1);
@@ -1292,8 +1288,8 @@ a.external:not(.no-arrow):after, a[href^="http://"]:not(.no-arrow):after, a[href
body.mobile #context-menu-container.mobile-bottom-menu {
position: fixed !important;
inset-inline-start: 0 !important;
inset-inline-end: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: unset !important;
max-height: 70vh;
@@ -1343,7 +1339,7 @@ body.desktop li.dropdown-submenu:hover > ul.dropdown-menu {
.dropdown-submenu > .dropdown-menu {
top: 0;
inset-inline-start: calc(100% - 2px); /* -2px, otherwise there's a small gap between menu and submenu where the hover can disappear */
left: calc(100% - 2px); /* -2px, otherwise there's a small gap between menu and submenu where the hover can disappear */
margin-top: -10px;
min-width: 15rem;
/* to make submenu scrollable https://github.com/zadam/trilium/issues/3136 */
@@ -1352,7 +1348,7 @@ body.desktop li.dropdown-submenu:hover > ul.dropdown-menu {
}
body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
inset-inline-start: calc(-100% + 10px);
left: calc(-100% + 10px);
}
.right-dropdown-widget {
@@ -1418,7 +1414,7 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
.ck.ck-slash-command-button__text-part,
.ck.ck-template-form__text-part {
margin-inline-start: 0.5em;
margin-left: 0.5em;
line-height: 1.2em !important;
}
@@ -1449,8 +1445,8 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
}
.area-expander-text {
padding-inline-start: 20px;
padding-inline-end: 20px;
padding-left: 20px;
padding-right: 20px;
white-space: nowrap;
}
@@ -1537,16 +1533,16 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
position: fixed !important;
bottom: calc(var(--mobile-bottom-offset) + var(--launcher-pane-size)) !important;
top: unset !important;
inset-inline-start: 0 !important;
inset-inline-end: 0 !important;
left: 0 !important;
right: 0 !important;
transform: unset !important;
}
#mobile-sidebar-container {
position: fixed;
top: 0;
inset-inline-start: 0;
inset-inline-end: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
transition: background-color 250ms ease-in-out;
@@ -1561,7 +1557,7 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
#mobile-sidebar-wrapper {
position: absolute;
top: 0;
inset-inline-start: 0;
left: 0;
bottom: 0;
width: 85vw;
padding-top: env(safe-area-inset-top);
@@ -1593,8 +1589,8 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
body.mobile .modal-dialog {
position: fixed;
bottom: 0;
inset-inline-start: 0;
inset-inline-end: 0;
left: 0;
right: 0;
margin: 0 !important;
max-height: 85vh;
display: flex;
@@ -1752,8 +1748,8 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
display: flex;
flex-shrink: 0;
flex-direction: column;
margin-inline-start: 10px;
margin-inline-end: 5px;
margin-left: 10px;
margin-right: 5px;
}
#right-pane .card-header {
@@ -1793,7 +1789,7 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
}
#right-pane .card-body ul {
padding-inline-start: 25px;
padding-left: 25px;
margin-bottom: 5px;
}
@@ -1804,8 +1800,8 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
}
.note-split {
margin-inline-start: auto;
margin-inline-end: auto;
margin-left: auto;
margin-right: auto;
}
.note-split.full-content-width {
@@ -1824,7 +1820,7 @@ button.close:hover {
.reference-link .bx {
position: relative;
top: 1px;
margin-inline-end: 3px;
margin-right: 3px;
}
.options-section:first-of-type h4 {
@@ -1862,7 +1858,7 @@ textarea {
.attachment-help-button {
display: inline-block;
margin-inline-start: 10px;
margin-left: 10px;
vertical-align: middle;
font-size: 1em;
}
@@ -1970,7 +1966,7 @@ textarea {
}
body.electron.platform-darwin:not(.native-titlebar) .tab-row-container {
padding-inline-start: 1em;
padding-left: 1em;
}
#tab-row-left-spacer {
@@ -1979,7 +1975,7 @@ body.electron.platform-darwin:not(.native-titlebar) .tab-row-container {
}
.tab-row-widget {
padding-inline-end: calc(100vw - env(titlebar-area-width, 100vw));
padding-right: calc(100vw - env(titlebar-area-width, 100vw));
}
.tab-row-container .toggle-button {
@@ -2042,7 +2038,7 @@ body.zen .split-note-container-widget > .gutter {
body.zen #launcher-pane {
position: absolute !important;
top: 0 !important;
inset-inline-end: 0 !important;
right: 0 !important;
width: 64px !important;
height: 64px !important;
background: transparent !important;
@@ -2053,8 +2049,8 @@ body.zen .title-row {
display: block !important;
height: unset !important;
-webkit-app-region: drag;
padding-inline-start: env(titlebar-area-x);
padding-inline-end: calc(100vw - env(titlebar-area-width, 100vw) + 2.5em);
padding-left: env(titlebar-area-x);
padding-right: calc(100vw - env(titlebar-area-width, 100vw) + 2.5em);
}
body.zen .floating-buttons {
@@ -2062,7 +2058,7 @@ body.zen .floating-buttons {
}
body.zen .floating-buttons-children {
inset-inline-end: 0;
right: 0;
}
body.zen .floating-buttons-children .button-widget {
@@ -2221,7 +2217,7 @@ footer.webview-footer button {
.chat-input {
width: 100%;
resize: none;
padding-inline-end: 40px;
padding-right: 40px;
}
.chat-buttons {
@@ -2284,7 +2280,7 @@ footer.webview-footer button {
padding: 1em;
margin: 1.25em 0;
position: relative;
padding-inline-start: 2.5em;
padding-left: 2.5em;
overflow: hidden;
}
@@ -2297,7 +2293,7 @@ footer.webview-footer button {
font-family: boxicons !important;
position: absolute;
top: 1em;
inset-inline-start: 1em;
left: 1em;
}
.admonition.note { --accent-color: var(--admonition-note-accent-color); }
@@ -2323,18 +2319,18 @@ footer.webview-footer button {
display: flex;
align-items: center;
font-size: 0.9em;
margin-inline-end: 15px;
margin-right: 15px;
cursor: pointer;
}
.chat-option input[type="checkbox"] {
margin-inline-end: 5px;
margin-right: 5px;
}
/* Style for thinking process in chat responses */
.thinking-process {
background-color: rgba(0, 0, 0, 0.05);
border-inline-start: 3px solid var(--main-text-color);
border-left: 3px solid var(--main-text-color);
padding: 10px;
margin: 10px 0;
border-radius: 4px;
@@ -2342,23 +2338,23 @@ footer.webview-footer button {
.thinking-step {
margin-bottom: 8px;
padding-inline-start: 10px;
padding-left: 10px;
}
.thinking-step.observation {
border-inline-start: 2px solid #69c7ff;
border-left: 2px solid #69c7ff;
}
.thinking-step.hypothesis {
border-inline-start: 2px solid #9839f7;
border-left: 2px solid #9839f7;
}
.thinking-step.evidence {
border-inline-start: 2px solid #40c025;
border-left: 2px solid #40c025;
}
.thinking-step.conclusion {
border-inline-start: 2px solid #e2aa03;
border-left: 2px solid #e2aa03;
font-weight: bold;
}
@@ -2373,17 +2369,17 @@ footer.webview-footer button {
.content-floating-buttons.top-left {
top: 10px;
inset-inline-start: 10px;
left: 10px;
}
.content-floating-buttons.bottom-left {
bottom: 10px;
inset-inline-start: 10px;
left: 10px;
}
.content-floating-buttons.bottom-right {
bottom: 10px;
inset-inline-end: 10px;
right: 10px;
}
.content-floating-buttons button.bx {

View File

@@ -67,13 +67,13 @@
}
.tabulator div.tabulator-header .tabulator-frozen.tabulator-frozen-left {
margin-inline-start: var(--cell-editing-border-width);
margin-left: var(--cell-editing-border-width);
}
.tabulator div.tabulator-header .tabulator-col,
.tabulator div.tabulator-header .tabulator-frozen.tabulator-frozen-left {
background: var(--col-header-background-color);
border-inline-end: var(--col-header-separator-border);
border-right: var(--col-header-separator-border);
}
/* Table body */
@@ -90,8 +90,8 @@
}
.tabulator-row .tabulator-cell input {
padding-inline-start: var(--cell-horiz-padding-size) !important;
padding-inline-end: var(--cell-horiz-padding-size) !important;
padding-left: var(--cell-horiz-padding-size) !important;
padding-right: var(--cell-horiz-padding-size) !important;
}
.tabulator-row {
@@ -117,12 +117,12 @@
/* Cell */
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
margin-inline-end: var(--cell-editing-border-width);
margin-right: var(--cell-editing-border-width);
}
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left,
.tabulator-row .tabulator-cell {
border-inline-end-color: transparent;
border-right-color: transparent;
}
.tabulator-row .tabulator-cell:not(.tabulator-editable) {
@@ -156,14 +156,14 @@
/* Align items without children/expander to the ones with. */
.tabulator-cell[tabulator-field="title"] > span:first-child, /* 1st level */
.tabulator-cell[tabulator-field="title"] > div:first-child + span { /* sub-level */
padding-inline-start: 21px;
padding-left: 21px;
}
/* Checkbox cells */
.tabulator .tabulator-cell:has(svg),
.tabulator .tabulator-cell:has(input[type="checkbox"]) {
padding-inline-start: 8px;
padding-left: 8px;
display: inline-flex;
flex-direction: column;
justify-content: center;

View File

@@ -120,8 +120,8 @@ body.desktop .dropdown-menu::before,
border-radius: var(--dropdown-border-radius);
position: absolute;
top: 0;
inset-inline-start: 0;
inset-inline-end: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
@@ -211,7 +211,7 @@ html body .dropdown-item[disabled] {
.dropdown-item span.keyboard-shortcut {
color: var(--menu-item-keyboard-shortcut-color) !important;
margin-inline-start: 16px;
margin-left: 16px;
}
.dropdown-divider {
@@ -224,8 +224,8 @@ html body .dropdown-item[disabled] {
position: absolute;
content: "";
top: -1px;
inset-inline-start: calc(0px - var(--menu-padding-size));
inset-inline-end: calc(0px - var(--menu-padding-size));
left: calc(0px - var(--menu-padding-size));
right: calc(0px - var(--menu-padding-size));
border-top: 1px solid var(--menu-item-delimiter-color);
}
@@ -237,7 +237,7 @@ html body .dropdown-item[disabled] {
align-items: center;
justify-content: center;
top: 0;
inset-inline-end: 0;
right: 0;
margin: unset !important;
border: unset !important;
padding: 0 4px;
@@ -246,10 +246,6 @@ html body .dropdown-item[disabled] {
color: var(--menu-item-arrow-color) !important;
}
body[dir=rtl] .dropdown-menu:not([data-popper-placement="bottom-start"]) .dropdown-toggle::after {
content: "\ea4d" !important;
}
/* Menu item group heading */
/* The heading body */
@@ -268,8 +264,8 @@ body[dir=rtl] .dropdown-menu:not([data-popper-placement="bottom-start"]) .dropdo
content: "";
position: absolute;
bottom: 8px;
inset-inline-start: calc(0px - var(--menu-padding-size));
inset-inline-end: calc(0px - var(--menu-padding-size));
left: calc(0px - var(--menu-padding-size));
right: calc(0px - var(--menu-padding-size));
border-top: 1px solid var(--menu-item-delimiter-color);
}
@@ -361,13 +357,13 @@ li.dropdown-item a.dropdown-item-button:focus-visible {
}
#toast-container .toast:not(.no-title) .bx {
margin-inline-end: 0.5em;
margin-right: 0.5em;
font-size: 1.1em;
opacity: 0.85;
}
#toast-container .toast.no-title .bx {
margin-inline-end: 0;
margin-right: 0;
font-size: 1.3em;
}

View File

@@ -29,7 +29,7 @@
display: flex;
justify-content: center;
align-items: center;
margin-inline-start: 8px;
margin-left: 8px;
border: 0;
border-radius: 50%;
padding: 0;
@@ -56,7 +56,7 @@
}
.modal .modal-header .help-button {
margin-inline-end: 0;
margin-right: 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-inline-end: 16px;
margin-right: 16px;
}
.jump-to-note-dialog .input-group:hover {
@@ -197,8 +197,8 @@ div.tn-tool-dialog {
border: unset;
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-inline-end: var(--timeline-left-gap);
padding-left: calc(var(--timeline-left-gap) + var(--timeline-right-gap));
padding-right: var(--timeline-left-gap);
color: var(--active-item-text-color);
}
@@ -259,7 +259,7 @@ div.tn-tool-dialog {
position: absolute;
content: "";
top: var(--connector-top, 0);
inset-inline-start: calc(var(--timeline-left-gap) + ((var(--timeline-bullet-size) - var(--timeline-connector-size)) / 2));
left: calc(var(--timeline-left-gap) + ((var(--timeline-bullet-size) - var(--timeline-connector-size)) / 2));
bottom: var(--connector-bottom, 0);
width: var(--timeline-connector-size);
border-radius: var(--connector-radius, 0) var(--connector-radius, 0) 0 0;
@@ -291,7 +291,7 @@ div.tn-tool-dialog {
position: absolute;
content: "";
top: calc(var(--timeline-item-top-padding) + var(--timeline-bullet-vertical-pos));
inset-inline-start: var(--timeline-left-gap);
left: var(--timeline-left-gap);
width: var(--timeline-bullet-size);
height: var(--timeline-bullet-size);
border-radius: 50%;
@@ -374,7 +374,7 @@ div.tn-tool-dialog {
}
.help-dialog .help-cards kbd:first-child {
margin-inline-start: 0;
margin-left: 0;
}
/* Inline code - used for Markdown samples */
@@ -392,7 +392,7 @@ div.tn-tool-dialog {
}
.delete-notes-list .note-path {
padding-inline-end: 8px;
padding-left: 8px;
}
/*
@@ -401,7 +401,7 @@ div.tn-tool-dialog {
/* Labels */
.attr-edit-table th {
padding-inline-end: 12px;
padding-right: 12px;
font-weight: normal;
white-space: nowrap;
}
@@ -419,5 +419,5 @@ div.tn-tool-dialog {
}
.note-type-chooser-dialog div.note-type-dropdown .dropdown-item span.bx {
margin-inline-end: .25em;
margin-right: .25em;
}

View File

@@ -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-inline-end: 0.35em;
padding-right: 0.35em;
font-size: 1.2em;
}
@@ -71,7 +71,7 @@ button.btn.btn-primary kbd,
button.btn.btn-secondary kbd,
button.btn.btn-sm kbd,
button.btn.btn-success kbd {
margin-inline-start: 0.5em;
margin-left: 0.5em;
background: var(--cmd-button-keyboard-shortcut-background);
color: var(--cmd-button-keyboard-shortcut-color);
font-size: 0.6em;
@@ -102,7 +102,7 @@ button.btn.btn-success kbd {
}
.btn-group .tn-tool-button + .tn-tool-button {
margin-inline-start: 4px !important;
margin-left: 4px !important;
}
/* The "x" icon button */
@@ -237,7 +237,7 @@ input::selection,
outline-offset: 6px;
background: var(--input-background-color);
border-radius: 6px;
padding-inline-end: 8px;
padding-right: 8px;
color: var(--quick-search-color);
flex-wrap: nowrap;
}
@@ -357,20 +357,13 @@ select.form-control,
outline: 3px solid transparent;
outline-offset: 6px;
padding-inline-end: calc(15px + 1.5rem);
background: var(--input-background-color) var(--dropdown-arrow);;
padding-right: calc(15px + 1.5rem);
background: var(--input-background-color) var(--dropdown-arrow);
color: var(--input-text-color);
border: unset;
border-radius: 0.375rem;
}
body[dir=rtl] select,
body[dir=rtl] select.form-select,
body[dir=rtl] select.form-control,
body[dir=rtl] .select-button.dropdown-toggle.btn {
background-position: left 0.75rem center;
}
select:hover,
select.form-select:hover,
select.form-control:hover,
@@ -451,7 +444,7 @@ optgroup {
content: "\eae1";
width: 2em;
height: 100%;
inset-inline-end: 0;
right: 0;
top: 0;
font-size: 1.2em;
font-family: boxicons;
@@ -469,7 +462,7 @@ optgroup {
--box-label-gap: 0.5em;
position: relative;
padding-inline-start: calc(var(--box-size) + var(--box-label-gap)) !important;
padding-left: calc(var(--box-size) + var(--box-label-gap)) !important;
user-select: none;
}
@@ -478,7 +471,7 @@ optgroup {
label.tn-checkbox > input[type="checkbox"] {
position: absolute;
top: 0;
inset-inline-start: 0;
left: 0;
width: var(--box-size);
height: 100%;
margin: unset;
@@ -492,7 +485,7 @@ optgroup {
content: "";
position: absolute;
top: 50%;
inset-inline-start: 0;
left: 0;
translate: 0 -50%;
width: var(--box-size);
height: var(--box-size);

View File

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

View File

@@ -117,9 +117,9 @@
content: "";
position: absolute;
top: var(--negative-padding);
inset-inline-end: var(--negative-padding);
right: var(--negative-padding);
bottom: var(--negative-padding);
inset-inline-start: var(--negative-padding);
left: var(--negative-padding);
border-radius: var(--dropdown-border-radius);
backdrop-filter: var(--dropdown-backdrop-filter);
z-index: -1;
@@ -210,7 +210,7 @@
/* Separator */
:root .ck .ck-list__separator {
margin: .5em 0;
margin-inline-start: calc(0px - var(--ck-editor-popup-padding));
margin-left: calc(0px - var(--ck-editor-popup-padding));
width: calc(100% + (var(--ck-editor-popup-padding) * 2));
background: var(--menu-item-delimiter-color);
}
@@ -233,8 +233,8 @@
position: absolute;
top: 0;
bottom: var(--negative-padding);
inset-inline-start: var(--negative-padding);
inset-inline-end: var(--negative-padding);
left: var(--negative-padding);
right: var(--negative-padding);
border-top: 1px solid var(--ck-editor-popup-border-color);
background: var(--menu-section-background-color);
}
@@ -255,7 +255,7 @@
:root .ck.ck-toolbar .ck.ck-toolbar__separator {
background: transparent;
border-inline-start: 1px solid var(--ck-color-toolbar-border);
border-left: 1px solid var(--ck-color-toolbar-border);
}
/* The last separator of the toolbar */
@@ -354,7 +354,7 @@
align-items: center;
width: 100%;
margin: 4px;
padding-inline-end: 2em;
padding-right: 2em;
border: 1px solid var(--accent);
border-radius: 6px;
}
@@ -492,7 +492,7 @@ button.ck.ck-button:is(.ck-button-action, .ck-button-save, .ck-button-cancel).ck
/* Move the label above the text box regardless of the text box state */
transform: translate(0, calc(-.2em - var(--ck-input-label-height))) !important;
padding-inline-start: 0 !important;
padding-left: 0 !important;
background: transparent;
font-size: .85em;
font-weight: 600;
@@ -556,7 +556,7 @@ pre button.copy-button.icon-action {
}
:root pre:has(> button.copy-button) {
padding-inline-end: calc(var(--icon-button-size) + (var(--copy-button-margin-size) * 2));
padding-right: calc(var(--icon-button-size) + (var(--copy-button-margin-size) * 2));
}
html .note-detail-editable-text :not(figure, .include-note, hr):first-child {
@@ -615,12 +615,12 @@ html .note-detail-editable-text :not(figure, .include-note, hr):first-child {
.ck-content blockquote:before {
content: "“";
inset-inline-start: 0.2em;
left: 0.2em;
}
.ck-content blockquote:after {
content: "”";
inset-inline-end: 0.35em;
right: 0.35em;
}
.ck-content h2,

View File

@@ -52,7 +52,7 @@
background-color: #f5f5f5;
}
.google-login-btn img {
margin-inline-end: 10px;
margin-right: 10px;
width: 18px;
height: 18px;
}
@@ -199,7 +199,7 @@ body.desktop .option-section:not(.tn-no-card) {
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-bottom: calc(var(--options-title-offset) + var(--options-card-padding)) !important;
margin-inline-start: calc(-1 * var(--options-card-padding));
margin-left: calc(-1 * var(--options-card-padding));
}
.options-section:not(.tn-no-card) h5 {
@@ -216,8 +216,8 @@ body.desktop .option-section:not(.tn-no-card) {
.options-section hr {
--bs-border-width: 2px;
margin-inline-start: calc(var(--options-card-padding) * -1);
margin-inline-end: calc(var(--options-card-padding) * -1);
margin-left: calc(var(--options-card-padding) * -1);
margin-right: calc(var(--options-card-padding) * -1);
opacity: 1;
color: var(--root-background);
}

View File

@@ -95,7 +95,7 @@ div.promoted-attributes-container {
/* Note type dropdown */
ul.note-type-dropdown .check {
margin-inline-end: 6px;
margin-right: 6px;
}
ul.note-type-dropdown li.dropdown-item {
@@ -105,7 +105,7 @@ ul.note-type-dropdown li.dropdown-item {
/* Editability dropdown */
ul.editability-dropdown li.dropdown-item > div {
margin-inline-start: 4px;
margin-left: 4px;
}
.editability-dropdown .dropdown-item .description {
@@ -142,12 +142,12 @@ ul.editability-dropdown li.dropdown-item > div {
}
.attribute-list .save-attributes-button {
inset-inline-end: 30px;
right: 30px;
}
/* Note path in attribute detail dialog */
.attr-detail .note-path {
margin-inline-start: 8px;
margin-left: 8px;
}
/*

View File

@@ -69,7 +69,7 @@ body.background-effects.platform-win32.layout-vertical #vertical-main-container
/* Add a border to the vertical launch bar if collapsed. */
body.layout-vertical #horizontal-main-container.left-pane-hidden #launcher-pane.vertical {
border-inline-end: 2px solid var(--left-pane-collapsed-border-color);
border-right: 2px solid var(--left-pane-collapsed-border-color);
}
body.background-effects.zen #root-widget {
@@ -284,7 +284,7 @@ body.layout-horizontal > .horizontal {
}
#launcher-pane.horizontal .global-menu-button .global-menu-button-update-available {
inset-inline-end: -23px;
right: -23px;
bottom: -22px;
transform: scale(0.85);
}
@@ -400,9 +400,9 @@ body.layout-horizontal > .horizontal {
content: "";
position: absolute;
top: var(--vertical-margin);
inset-inline-end: var(--horiz-margin);
right: var(--horiz-margin);
bottom: var(--vertical-margin);
inset-inline-start: var(--horiz-margin);
left: var(--horiz-margin);
border-radius: 6px;
background: var(--calendar-day-highlight-background);
z-index: -1;
@@ -450,7 +450,7 @@ div.bookmark-folder-widget .note-link:hover {
}
div.bookmark-folder-widget .note-link a {
padding-inline-start: 8px;
padding-left: 8px;
color: var(--menu-text-color);
cursor: default;
}
@@ -471,8 +471,8 @@ div.bookmark-folder-widget .note-link .bx {
div.quick-search {
--padding-top: 8px;
--padding-inline-start: 8px;
--padding-inline-end: 8px;
--padding-left: 8px;
--padding-right: 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-inline-end) var(--padding-bottom) var(--padding-inline-start);
padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
}
div.quick-search,
@@ -496,9 +496,9 @@ div.quick-search::before {
position: absolute;
content: "";
top: var(--padding-top);
inset-inline-start: var(--padding-inline-start);
left: var(--padding-left);
bottom: var(--padding-bottom);
inset-inline-end: var(--padding-inline-end);
right: var(--padding-right);
z-index: 0;
border: 2px solid transparent;
border-radius: 6px;
@@ -520,7 +520,7 @@ div.quick-search:focus-within:before {
}
div.quick-search input {
padding-inline-start: 15px !important;
padding-left: 15px !important;
box-shadow: unset !important;
background: transparent !important;
}
@@ -539,7 +539,7 @@ div.quick-search .search-button {
justify-content: center;
width: 25px;
height: 25px;
margin-inline-end: 8px;
margin-right: 8px;
border-radius: 50%;
padding: 0;
color: var(--quick-search-color) !important;
@@ -631,12 +631,12 @@ body.layout-vertical.background-effects div.quick-search .dropdown-menu {
}
#left-pane .ui-fancytree ul {
padding-inline-start: 10px;
padding-left: 10px;
}
/* The root element of the tree */
#left-pane .fancytree-container > li:first-child > span {
padding-inline-start: 12px;
padding-left: 12px;
}
#left-pane span.fancytree-node.fancytree-active {
@@ -658,9 +658,9 @@ body.layout-vertical.background-effects div.quick-search .dropdown-menu {
position: absolute;
content: "";
top: var(--left-pane-item-selected-shadow-size);
inset-inline-start: var(--left-pane-item-selected-shadow-size);
left: var(--left-pane-item-selected-shadow-size);
bottom: var(--left-pane-item-selected-shadow-size);
inset-inline-end: var(--left-pane-item-selected-shadow-size);
right: var(--left-pane-item-selected-shadow-size);
background: var(--left-pane-item-selected-background) !important;
box-shadow: var(--left-pane-item-selected-shadow);
border-radius: 6px;
@@ -676,7 +676,7 @@ body.layout-vertical.background-effects div.quick-search .dropdown-menu {
#left-pane span.fancytree-node.protected > span.fancytree-custom-icon:after {
position: absolute;
bottom: 0;
inset-inline-end: 0;
right: 0;
font-size: 14px;
content: "\eb4a";
font-family: "boxicons";
@@ -685,10 +685,6 @@ body.layout-vertical.background-effects div.quick-search .dropdown-menu {
border-radius: 50%;
}
body[dir=rtl] #left-pane span.fancytree-node.protected > span.fancytree-custom-icon:after {
transform: translateX(-25%);
}
body.mobile .fancytree-expander::before,
body.mobile .fancytree-title,
body.mobile .fancytree-node > span {
@@ -703,7 +699,7 @@ body.mobile .fancytree-node > span {
body.mobile:not(.force-fixed-tree) #mobile-sidebar-wrapper {
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
border-inline-end: 1px solid var(--subtle-border-color);
border-right: 1px solid var(--subtle-border-color);
}
}
@@ -738,7 +734,7 @@ body.mobile .fancytree-node > span {
}
#left-pane .tree-item-button {
margin-inline-end: 6px;
margin-right: 6px;
border: unset;
border-radius: 50%;
background: var(--left-pane-item-action-button-background);
@@ -772,12 +768,12 @@ body.mobile .fancytree-node > span {
/* Toolbar container (collapsed state) */
#left-pane .tree-actions {
max-width: var(--tree-actions-toolbar-collapsed-width);
inset-inline-end: var(--tree-actions-toolbar-horizontal-margin);
right: var(--tree-actions-toolbar-horizontal-margin);
bottom: var(--tree-actions-toolbar-vertical-margin);
overflow: hidden;
border: 1px solid transparent;
padding: var(--tree-actions-toolbar-padding-size);
padding-inline-end: var(--tree-actions-toolbar-collapsed-width);
padding-right: var(--tree-actions-toolbar-collapsed-width);
background: transparent;
transition:
max-width 400ms ease-out,
@@ -821,7 +817,7 @@ body.mobile .fancytree-node > span {
justify-content: center;
align-items: center;
top: 50%;
inset-inline-end: calc((var(--tree-actions-toolbar-collapsed-width) - var(--tree-actions-toolbar-expand-button-size)) / 2);
right: calc((var(--tree-actions-toolbar-collapsed-width) - var(--tree-actions-toolbar-expand-button-size)) / 2);
width: var(--tree-actions-toolbar-expand-button-size);
height: var(--tree-actions-toolbar-expand-button-size);
box-shadow: 2px 2px 6px var(--left-pane-background-color);
@@ -910,8 +906,8 @@ body.electron.background-effects.layout-horizontal .tab-row-container .toggle-bu
content: "";
position: absolute;
bottom: 0;
inset-inline-start: -10px;
inset-inline-end: -10px;
left: -10px;
right: -10px;
top: 32px;
height: 1px;
border-bottom: 1px solid var(--launcher-pane-horiz-border-color);
@@ -922,13 +918,13 @@ body.electron.background-effects.layout-horizontal .tab-row-container .tab-scrol
position: relative;
}
body.electron.background-effects.layout-horizontal .tab-row-container .tab-scroll-button-inset-inline-start:after,
body.electron.background-effects.layout-horizontal .tab-row-container .tab-scroll-button-inset-inline-end:after {
body.electron.background-effects.layout-horizontal .tab-row-container .tab-scroll-button-left:after,
body.electron.background-effects.layout-horizontal .tab-row-container .tab-scroll-button-right:after {
content: "";
position: absolute;
bottom: 0;
inset-inline-start: 0px;
inset-inline-end: 0px;
left: 0px;
right: 0px;
height: 1px;
border-bottom: 1px solid var(--launcher-pane-horiz-border-color);
}
@@ -937,9 +933,9 @@ body.electron.background-effects.layout-horizontal .tab-row-container .note-tab[
content: "";
position: absolute;
bottom: 0;
inset-inline-start: -32768px;
left: -32768px;
top: var(--tab-height);
inset-inline-end: calc(100% - 1px);
right: calc(100% - 1px);
height: 1px;
border-bottom: 1px solid var(--launcher-pane-horiz-border-color);
}
@@ -948,9 +944,9 @@ body.electron.background-effects.layout-horizontal .tab-row-container .note-tab[
content: "";
position: absolute;
bottom: 0;
inset-inline-start: 100%;
left: 100%;
top: var(--tab-height);
inset-inline-end: 0;
right: 0;
width: 100vw;
height: 1px;
border-bottom: 1px solid var(--launcher-pane-horiz-border-color);
@@ -960,9 +956,9 @@ body.electron.background-effects.layout-horizontal .tab-row-container .note-new-
content: "";
position: absolute;
bottom: 0;
inset-inline-start: -4px;
left: -4px;
top: calc(var(--tab-height), -1);
inset-inline-end: 0;
right: 0;
width: 100vw;
height: 1px;
border-bottom: 1px solid var(--launcher-pane-horiz-border-color);
@@ -1049,18 +1045,18 @@ body.layout-horizontal .tab-row-widget .note-tab .note-tab-wrapper {
content: "";
position: absolute;
top: 0;
inset-inline-start: 0;
inset-inline-end: 0;
left: 0;
right: 0;
height: 3px;
background-color: var(--workspace-tab-background-color);
}
body:not([dir=rtl]) .tab-row-widget .note-tab:nth-child(1) {
.tab-row-widget .note-tab:nth-child(1) {
transform: translate3d(var(--tab-first-item-horiz-offset), 0, 0);
}
:root .tab-row-widget .note-tab .note-tab-icon {
padding-inline-end: 5px; /* The gap between the icon and the title */
padding-right: 5px; /* The gap between the icon and the title */
}
.tab-row-widget .note-tab[active] .note-tab-icon {
@@ -1105,7 +1101,7 @@ body.layout-vertical .tab-row-widget-is-sorting .note-tab.note-tab-is-dragging .
.tab-row-widget .note-new-tab {
position: relative;
margin-inline-start: 3px;
margin-left: 3px;
color: transparent; /* Prevent the original "+" from being displayed */
}
@@ -1118,7 +1114,7 @@ body.layout-vertical .tab-row-widget-is-sorting .note-tab.note-tab-is-dragging .
position: absolute;
content: "";
top: calc((var(--tab-height) - var(--new-tab-button-size)) / 2);
inset-inline-start: calc((var(--tab-height) - var(--new-tab-button-size)) / 2);
left: calc((var(--tab-height) - var(--new-tab-button-size)) / 2);
width: var(--new-tab-button-size);
height: var(--new-tab-button-size);
background: var(--new-tab-button-background);
@@ -1143,7 +1139,7 @@ body.layout-vertical .tab-row-widget-is-sorting .note-tab.note-tab-is-dragging .
display: flex;
position: absolute;
content: "\ebc0";
inset-inline-start: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
@@ -1225,23 +1221,23 @@ body.mobile .note-title {
}
.title-row > *:first-child {
margin-inline-end: 0;
margin-right: 0;
}
.title-row > *:nth-child(2) {
margin-inline-start: 0;
margin-left: 0;
}
.title-row {
/* Aligns the "Create new split" button with the note menu button (the three dots button) */
padding-inline-end: 3px;
padding-right: 3px;
}
.note-title-widget input {
--input-background-color: transparent;
border-radius: 8px;
padding-inline-start: 12px;
padding-left: 12px;
}
/* The "Change note icon" button */
@@ -1316,7 +1312,7 @@ body.mobile .note-title {
/* The promoted attributes section */
div.promoted-attributes-container {
display: flex;
margin-inline-end: 10%;
margin-right: 10%;
padding: 6px 0;
gap: 8px;
align-items: stretch;
@@ -1330,8 +1326,8 @@ div.promoted-attributes-container input {
/* A promoted attribute card */
div.promoted-attribute-cell {
--pa-card-padding-inline-start: 16px;
--pa-card-padding-inline-end: 2px;
--pa-card-padding-left: 16px;
--pa-card-padding-right: 2px;
--input-background-color: transparent;
box-shadow: 1px 1px 2px var(--promoted-attribute-card-shadow-color);
@@ -1339,7 +1335,7 @@ div.promoted-attribute-cell {
display: inline-flex;
margin: 0;
border-radius: 8px;
padding: 2px var(--pa-card-padding-inline-end) 2px var(--pa-card-padding-inline-start);
padding: 2px var(--pa-card-padding-right) 2px var(--pa-card-padding-left);
background: var(--promoted-attribute-card-background-color);
overflow-y: visible;
}
@@ -1354,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-inline-end: var(--pa-card-padding-inline-start);
padding-right: var(--pa-card-padding-left);
}
div.promoted-attribute-cell > * {
@@ -1404,15 +1400,15 @@ 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-inline-end: 1.5em;
margin-right: 1.5em;
}
/* The element containing the "new attribute" and "remove this attribute button" */
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-inline-end));
margin-left: 8px;
margin-right: calc(var(--pa-card-padding-left) - var(--pa-card-padding-right));
font-size: 0; /* Prevent whitespaces creating a gap between buttons */
display: flex;
}
@@ -1440,10 +1436,6 @@ div#center-pane .floating-buttons-children {
opacity 250ms ease-out;
}
body[dir=rtl] div#center-pane .floating-buttons-children {
transform-origin: left;
}
/* Floating buttons container (collapsed) */
div#center-pane .floating-buttons-children.temporarily-hidden {
display: flex !important;
@@ -1555,7 +1547,7 @@ div.floating-buttons-children .close-floating-buttons {
}
div.floating-buttons-children .close-floating-buttons {
margin-inline-start: 0 !important;
margin-left: 0 !important;
background: var(--floating-button-hide-button-background);
color: var(--floating-button-hide-button-color);
}
@@ -1645,12 +1637,12 @@ div.find-replace-widget div.find-widget-found-wrapper > span {
}
.find-replace-widget .form-check {
padding-inline-start: 0;
padding-left: 0;
white-space: nowrap;
}
.find-replace-widget .form-check .form-check-input {
margin-inline-start: 0;
margin-left: 0;
}
/* Narrow version */
@@ -1670,13 +1662,13 @@ div.find-replace-widget div.find-widget-found-wrapper > span {
.find-widget-box,
.replace-widget-box {
padding-inline-end: 3em !important;
padding-right: 3em !important;
}
.find-widget-close-button {
position: absolute;
top: .85em;
inset-inline-end: .5em;
right: .5em;
}
.find-widget-box > * {
@@ -1708,7 +1700,7 @@ div.find-replace-widget div.find-widget-found-wrapper > span {
}
.replace-widget-box > * {
margin-inline-end: unset !important;
margin-right: unset !important;
}
div.replace-widget-box button.btn.btn-sm {
@@ -1751,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-inline-end: 8px;
padding-right: 8px;
padding-bottom: 2px;
border-radius: 4px;
text-align: unset;
@@ -1814,8 +1806,8 @@ 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-inline-end: calc(var(--padding) * var(--space-factor) * -1) !important;
margin-left: calc(var(--padding) * var(--space-factor) * -1) !important;
margin-right: calc(var(--padding) * var(--space-factor) * -1) !important;
}
.excalidraw .dropdown-menu:before {

View File

@@ -1,5 +1,5 @@
ul.fancytree-container {
padding-inline-start: 0;
padding-left: 0;
}
ul.fancytree-container li {
@@ -15,7 +15,7 @@ span.fancytree-node.fancytree-hide {
flex-shrink: 1;
flex-grow: 1;
overflow: hidden;
margin-inline-start: 7px;
margin-left: 7px;
outline: none;
position: relative;
top: 2px;
@@ -59,11 +59,7 @@ span.fancytree-node.fancytree-hide {
line-height: 1;
position: relative;
top: 2px;
margin-inline-end: 5px;
}
body[dir=rtl] .fancytree-node:not(.fancytree-loading):not(.fancytree-expanded) .fancytree-expander:before {
content: "\ea4d"; /* bx bx-chevron-left */
margin-right: 5px;
}
.fancytree-loading span.fancytree-expander {
@@ -84,7 +80,7 @@ body[dir=rtl] .fancytree-node:not(.fancytree-loading):not(.fancytree-expanded) .
width: 12px;
height: 12px;
margin-top: 2px;
margin-inline-start: 1px;
margin-left: 1px;
border-width: 1px;
border-style: solid;
}
@@ -173,11 +169,11 @@ span.fancytree-node.fancytree-active-clone:not(.fancytree-active) .fancytree-tit
/* first nesting level has lower left padding to avoid extra left padding. Other levels are not affected */
.ui-fancytree > li > ul {
padding-inline-start: 5px;
padding-left: 5px;
}
.ui-fancytree ul {
padding-inline-start: 20px;
padding-left: 20px;
}
span.fancytree-active {
@@ -233,14 +229,14 @@ span.fancytree-node.archived {
display: none;
font-size: 120%;
cursor: pointer;
margin-inline-start: 8px;
margin-left: 8px;
padding: 1px;
border: 1px solid transparent;
border-radius: 5px;
}
.unhoist-button.bx.tree-item-button {
margin-inline-start: 0; /* unhoist button is on the left and doesn't need more margin */
margin-left: 0; /* unhoist button is on the left and doesn't need more margin */
display: block; /* keep always visible */
}

View File

@@ -1,968 +1,5 @@
{
"about": {
"title": "حول تريليوم للملاحظات",
"homepage": "الصفحة الرئيسية:",
"app_version": "اصدار التطبيق:",
"sync_version": "اصدار المزامنه:",
"build_date": "تاريخ الانشاء:",
"build_revision": "مراجعة الاصدار:",
"data_directory": "مجلد البيانات:",
"db_version": "اصدار قاعدة البيانات:"
},
"toast": {
"critical-error": {
"title": "خطأ فادح"
}
},
"add_link": {
"add_link": "أضافة رابط",
"note": "ملاحظة",
"search_note": "البحث عن الملاحظة بالاسم",
"link_title": "عنوان الرابط",
"button_add_link": "اضافة رابط"
},
"branch_prefix": {
"edit_branch_prefix": "تعديل بادئة الفرع",
"prefix": "البادئة: ",
"save": "حفظ"
},
"bulk_actions": {
"bulk_actions": "اجراءات جماعية",
"available_actions": "الاجراءات المتاحة",
"chosen_actions": "الأجراءات المختارة",
"execute_bulk_actions": "تنفيذ الأجراءات الجماعية",
"bulk_actions_executed": "تم تنفيذ الاجراءات الجماعية بنجاح،",
"none_yet": "لايوجد أجراء بعد... اضف اجراء بالنقر على احد الأجراءات المتاحة اعلاه.",
"relations": "العلاقات",
"notes": "الملاحظات",
"other": "أخرى",
"affected_notes": "الملاحظات المتأثرة",
"labels": "التسميات"
},
"upload_attachments": {
"options": "خيارات",
"upload": "تحميل",
"choose_files": "اختر الملفات",
"shrink_images": "تصغير الصور"
},
"attribute_detail": {
"name": "الاسم",
"value": "قيمة",
"promoted": "تمت ترقيته",
"promoted_alias": "اسم مستعار",
"label_type": "نوع",
"text": "نص",
"date": "تاريخ",
"time": "وقت",
"precision": "دفة",
"digits": "رقم",
"delete": "حذف",
"color_type": "لون",
"multiplicity": "تعددية",
"number": "عدد",
"boolean": "منطقي",
"url": "عنوان الويب",
"inheritable": "قابل للوراثة",
"target_note": "الملاحظة الهدف",
"single_value": "قيمة واحدة",
"multi_value": "قيم متعددة",
"inverse_relation": "العلاقة العكسية",
"more_notes": "مزيد من الملاحظات",
"label": "تفاصيل التسمية",
"relation": "تفاصيل العلاقة"
},
"rename_label": {
"to": "الى",
"old_name_placeholder": "الاسم القديم",
"new_name_placeholder": "الاسم الجديد",
"rename_label": "اعادة تسمية التسمية"
},
"move_note": {
"to": "الى",
"move_note": "نقل الملاحظة"
},
"add_relation": {
"to": "الى",
"add_relation": "اضافة علاقة",
"relation_name": "اسم العلاقة",
"target_note": "الملاحظة الهدف"
},
"rename_relation": {
"to": "الى",
"rename_relation": "اعادة تسمية العلاقة",
"old_name": "الاسم القديم",
"new_name": "الاسم الجديد"
},
"update_relation_target": {
"to": "الى",
"update_relation": "تحديث العلاقة",
"relation_name": "اسم العلاقة",
"target_note": "الملاحظة الهدف"
},
"attachments_actions": {
"download": "تنزيل",
"open_externally": "فتح خارجي",
"open_custom": "فتح مخصص",
"rename_attachment": "اعادة تسمية المرفق",
"delete_attachment": "حذف المرفق"
},
"calendar": {
"week": "أسبوع",
"month": "شهر",
"year": "سنة",
"list": "قائمة",
"today": "اليوم",
"mon": "الاثنين",
"tue": "الثلاثاء",
"wed": "الأربعاء",
"thu": "الخميس",
"fri": "الجمعة",
"sat": "السبت",
"sun": "الاحد",
"january": "يناير",
"march": "مارس",
"april": "ابريل",
"may": "مايو",
"june": "يونيو",
"july": "يوليو",
"august": "أغسطس",
"september": "سبتمبر",
"october": "اكتوبر",
"november": "نوفمبر",
"december": "ديسمبر",
"february": "فبراير",
"week_previous": "الاسبوع السابق",
"week_next": "الاسبوع التالي",
"month_previous": "الشهر السابق",
"month_next": "الشهر التالي",
"year_previous": "السنة السابقة",
"year_next": "السنة التالية"
},
"global_menu": {
"menu": "القائمة",
"options": "خيارات",
"advanced": "متقدمة",
"logout": "تسجيل خروج",
"zoom": "تكبير/تصغير",
"toggle_fullscreen": "تشغيل/ايقاف ملء الشاشة",
"zoom_out": "تصغير",
"zoom_in": "تكبير",
"configure_launchbar": "اعداد شريط الاطلاق",
"reload_frontend": "اعادة تحميل الواجهة",
"show_help": "عرض المساعدة",
"show-cheatsheet": "عرض دليل الاختصارات",
"toggle-zen-mode": "وضع التركيز"
},
"zpetne_odkazy": {
"relation": "العلاقة"
},
"note_icon": {
"category": "الفئة:",
"search": "بحث:"
},
"basic_properties": {
"language": "اللغة",
"editable": "قابل للتعديل",
"note_type": "نوع الملاحظة",
"basic_properties": "الخصائص الاساسية"
},
"book_properties": {
"list": "قائمة",
"expand": "توسيع",
"calendar": "التقويم",
"table": "جدول",
"board": "لوحة",
"grid": "خطوط شبكة",
"collapse": "طي",
"view_type": "نوع العرض",
"book_properties": "خصائص المجموعة",
"geo-map": "الخريطة الجغرافية"
},
"file_properties": {
"download": "تنزيل",
"open": "فتح",
"title": "ملف",
"note_id": "معرف الملاحظة",
"file_type": "نوع الملف",
"file_size": "حجم الملف"
},
"image_properties": {
"download": "تنزيل",
"open": "فتح",
"title": "صورة",
"file_type": "نوع الملف",
"file_size": "حجم الملف"
},
"note_info_widget": {
"created": "انشاء",
"type": "نوع",
"modified": "معدل",
"calculate": "حساب",
"note_id": "معرف الملاحظة",
"note_size": "حجم الملاحظة",
"title": "معلومات الملاحظة"
},
"note_paths": {
"search": "بحث",
"archived": "مؤرشف",
"title": "مسارات الملاحظة"
},
"script_executor": {
"query": "استعلام",
"script": "برنامج نصي",
"execute_query": "تنفيذ الاستعلام",
"execute_script": "تنفيذ السكربت"
},
"search_definition": {
"ancestor": "السلف",
"limit": "الحد الاقصى",
"action": "أجراء",
"search_button": "بحث",
"debug": "تصحيح الاخطاء",
"search_string": "سلسة البحث",
"search_script": "نص البحث",
"fast_search": "بحث سريع",
"include_archived": "تضمين العناصر المؤرشفة",
"order_by": "ترتيب حسب",
"search_parameters": "معايير البحث"
},
"ancestor": {
"label": "السلف",
"depth_label": "العمق",
"depth_doesnt_matter": "لايهم",
"direct_children": "العقد الفرعية المباشرة"
},
"limit": {
"limit": "الحد الاقصى"
},
"debug": {
"debug": "تصحيح الاخطاء"
},
"order_by": {
"title": "عنوان",
"desc": "تنازلي",
"order_by": "ترتيب حسب",
"relevancy": "الاهمية (افتراضيا)",
"date_created": "تاريخ الانشاء",
"random": "ترتيب عشوائي",
"asc": "تصاعدي (افتراضيا)"
},
"search_string": {
"search_prefix": "بحث:",
"title_column": "سلسلة البحث:",
"search_syntax": "صياغة البحث",
"also_see": "انظر ايضا"
},
"sync": {
"title": "مزامنة"
},
"fonts": {
"fonts": "خطوط",
"size": "حجم",
"serif": "خط ومزخرف",
"monospace": "خط بعرض ثابت",
"theme_defined": "النسق المحدد",
"main_font": "الخط الرئيسي",
"font_family": "عائلة الخطوط",
"reload_frontend": "اعادة تحميل الواجهة",
"generic-fonts": "الخطوط العامة",
"sans-serif": "خطوط بدون زوائد",
"system-default": "الاعداد الافتراضي للنظام"
},
"confirm": {
"confirmation": "تأكيد",
"cancel": "الغاء",
"ok": "نعم"
},
"delete_notes": {
"close": "غلق",
"cancel": "الغاء",
"ok": "نعم"
},
"export": {
"close": "غلق",
"export": "تصدير",
"export_note_title": "تصدير الملاحظة",
"export_status": "حالة التصدير"
},
"help": {
"troubleshooting": "أستكشاف الاخطاء واصلاحها",
"other": "أخرى",
"title": "ورقة المراجعة السريعة",
"noteNavigation": "التنقل بين الملاحظات",
"collapseExpand": "طي/توسيع العقدة",
"notSet": "غير محدد",
"collapseSubTree": "طي الشجرة الفرعية",
"tabShortcuts": "أختصارات التبويب",
"creatingNotes": "انشاء الملاحظات",
"selectNote": "تحديد الملاحظة",
"editingNotes": "تحرير الملاحظات",
"inPageSearch": "البحث داخل الصفحة",
"markdownAutoformat": "التنسيق التلقائي باسلوب Markdown"
},
"import": {
"options": "خيارات",
"import": "استيراد",
"safeImport": "أستيراد آمن",
"shrinkImages": "تقليل حجم الصور",
"import-status": "حالة الاستبراد"
},
"include_note": {
"label_note": "ملاحظة",
"dialog_title": "تضمين ملاحظة",
"button_include": "تضمين ملاحظة"
},
"info": {
"closeButton": "أغلاق",
"okButton": "نعم",
"modalTitle": "رسالة معلومات"
},
"markdown_import": {
"import_button": "أستيراد",
"dialog_title": "استيراد Markdown"
},
"note_type_chooser": {
"templates": "قوالب",
"builtin_templates": "القوالب المدمجة"
},
"prompt": {
"title": "ترقية",
"ok": "نعم",
"defaultTitle": "ترقية"
},
"protected_session_password": {
"close_label": "أغلاق",
"modal_title": "جلسة محمية"
},
"revisions": {
"delete_button": "حذف",
"download_button": "تنزيل",
"restore_button": "أستعادة",
"preview": "معاينة:",
"note_revisions": "مراجعات الملاحظة",
"diff_on": "عرض الفروقات",
"diff_off": "عرض المحتوى",
"file_size": "حجم الملف:",
"mime": "MIME: "
},
"sort_child_notes": {
"title": "عنوان",
"ascending": "تصاعدي",
"descending": "تنازلي",
"folders": "مجلدات",
"sort": "ترتيب",
"sorting_criteria": "معايير الترتيب",
"date_created": "تاريخ الانشاء",
"date_modified": "تاريخ التعديل",
"sorting_direction": "اتجاه الترتيب",
"natural_sort": "الترتيب الطبيعي"
},
"recent_changes": {
"undelete_link": "الغاء الحذف",
"title": "التغيرات الاخيرة"
},
"edited_notes": {
"deleted": "(حذف)",
"title": "الملاحظات المعدلة"
},
"note_properties": {
"info": "معلومات"
},
"backend_log": {
"refresh": "تحديث"
},
"max_content_width": {
"max_width_unit": "بكسل",
"title": "عرض المحتوى",
"reload_button": "اعادة تحميل الواجهة"
},
"native_title_bar": {
"enabled": "مفعل",
"disabled": "معطل"
},
"theme": {
"theme_label": "السمة",
"layout": "تخطيط",
"layout-vertical-title": "عمودي",
"layout-horizontal-title": "أفقي",
"title": "نسق التطبيق",
"light_theme": "النسق القديم (فاتح)",
"dark_theme": "النسق القديم (داكن)",
"triliumnext-light": "تريليوم (فاتح)",
"triliumnext-dark": "تريليوم ( داكن)"
},
"ui-performance": {
"title": "أداء",
"enable-shadows": "تفعيل الضلال"
},
"ai_llm": {
"progress": "تقدم",
"openai_tab": "OpenAI",
"actions": "أجراءات",
"retry": "أعد المحاولة",
"reprocessing_index": "جار اعادة البناء...",
"never": "ابدٱ",
"agent": {
"processing": "جار المعالجة...",
"thinking": "جار التفكير...",
"loading": "جار التحميل...",
"generating": "جار الانشاء..."
},
"name": "الذكاء الأصطناعي",
"openai": "OpenAI",
"sources": "مصادر",
"temperature": "درجة الحرارة",
"model": "نموذج",
"refreshing_models": "جار التحديث...",
"error": "خطأ",
"refreshing": "جار التحديث...",
"ollama_tab": "Ollama",
"anthropic_tab": "انتروبيك",
"not_started": "لم يبدأ بعد",
"title": "اعدادات AI",
"processed_notes": "الملاحظات المعالجة",
"total_notes": "الملاحظات الكلية",
"queued_notes": "الملاحظات في قائمة الانتظار",
"failed_notes": "الملاحظات الفاشلة",
"last_processed": "اخر معالجة",
"refresh_stats": "تحديث الاحصائيات",
"voyage_tab": "استكشاف AI",
"provider_precedence": "اولوية المزود",
"system_prompt": "موجه النظام",
"openai_configuration": "اعدادات OpenAI",
"openai_settings": "اعدادات OpenAI",
"api_key": "مفتاح واجهة برمجة التطبيقات",
"url": "عنوان URL الاساسي",
"default_model": "النموذج الافتراضي",
"base_url": "عنوان URL الأساسي",
"openai_url_description": "افتراضيا: https://api.openai.com/v1",
"anthropic_settings": "اعدادات انتروبيك",
"ollama_settings": "اعدادات Ollama",
"anthropic_configuration": "تهيئة انتروبيك",
"voyage_url_description": "افتراضيا: https://api.voyageai.com/v1",
"ollama_configuration": "تهيئة Ollama",
"enable_ollama": "تمكين Ollama",
"last_attempt": "اخر محاولة",
"active_providers": "المزودون النشطون",
"disabled_providers": "المزودون المعطلون",
"similarity_threshold": "عتبة التشابه",
"complete": "اكتمل (100%)",
"ai_settings": "اعدادات AI",
"show_thinking": "عرض التفكير",
"index_status": "حالة الفهرس",
"indexed_notes": "الملاحظات المفهرسة",
"indexing_stopped": "تم ايقاف الفهرسة",
"last_indexed": "اخر فهرسة",
"note_chat": "دردشة الملاحظة",
"start_indexing": "بدء الفهرسة",
"chat": {
"root_note_title": "دردشات AI",
"new_chat_title": "دردشة جديدة"
},
"selected_provider": "المزود المحدد",
"select_model": "اختر النموذج...",
"select_provider": "اختى المزود...",
"ollama_model": "نموذج Ollama",
"refresh_models": "تحديث النماذج",
"rebuild_index": "اعادة بناء الفهرس",
"note_title": "عنوان الملاحظة",
"processing": "جاري المعالجة ({{percentage}}%)",
"incomplete": "غير مكتمل ({{percentage}}%)"
},
"code_auto_read_only_size": {
"unit": "حروف"
},
"code-editor-options": {
"title": "محرر"
},
"images": {
"images_section_title": "صور",
"max_image_dimensions_unit": "بكسل"
},
"revisions_snapshot_limit": {
"snapshot_number_limit_unit": "لقطات"
},
"search_engine": {
"bing": "Bing",
"duckduckgo": "DuckDuckGo",
"google": "جوجل",
"save_button": "حفظ",
"baidu": "Baidu",
"title": "محرك البحث"
},
"heading_style": {
"plain": "بسيط",
"underline": "تسطير",
"markdown": "نمط-Markdown",
"title": "نمط العنوان"
},
"text_auto_read_only_size": {
"unit": "حروف"
},
"i18n": {
"language": "لغة",
"sunday": "الاحد",
"monday": "الاثنين",
"title": "تعريب"
},
"backup": {
"path": "مسار",
"automatic_backup": "النسخ الاحتياطي التلقائي",
"backup_now": "نسخ احتياطي الان",
"existing_backups": "النسخ الاحتياطية الموجودة"
},
"etapi": {
"wiki": "ويكي",
"created": "تم الأنشاء",
"actions": "أجراءات",
"title": "ETAPI",
"existing_tokens": "الرموز الموجوده",
"token_name": "اسم الرمز",
"default_token_name": "رمز جديد",
"rename_token_title": "اعادة تسمية الرمز"
},
"password": {
"heading": "كلمة المرور",
"wiki": "ويكي",
"old_password": "كلمة المرور القديمة",
"new_password": "كلمة مرور جديدة",
"change_password": "تغيير كلمة المرور",
"change_password_heading": "تغيير كلمة المرور",
"set_password_heading": "تعيين كلمة المرور",
"set_password": "تعيين كلمة المرور"
},
"shortcuts": {
"shortcuts": "أختصارات",
"description": "الوصف",
"keyboard_shortcuts": "اختصارات لوحة المفاتيح",
"action_name": "اسم الاجراء",
"default_shortcuts": "اختصارات افتراضية"
},
"sync_2": {
"timeout_unit": "ميلي ثانية",
"note": "ملاحظة",
"save": "حفظ",
"help": "المساعدة",
"config_title": "تهيئة المزامنة",
"timeout": "انتهاء مهلة المزامنة",
"test_title": "اختبار المزامنة",
"test_button": "اختبار المزامنة"
},
"api_log": {
"close": "أغلاق"
},
"bookmark_switch": {
"bookmark": "علامة مرجعية",
"remove_bookmark": "ازالة الاشارة المرجعية"
},
"editability_select": {
"auto": "تلقائي",
"read_only": "قراءة-فقط",
"always_editable": "قابل للتعديل دائما"
},
"tab_row": {
"close": "اغلاق",
"close_tab": "اغلاق التبويب",
"new_tab": "تبويب جديد"
},
"toc": {
"options": "خيارات"
},
"tasks": {
"due": {
"yesterday": "أمس",
"today": "اليوم",
"tomorrow": "غدٱ"
}
},
"code_theme": {
"title": "المظهر",
"word_wrapping": "التفاف النص",
"color-scheme": "نظام الالوان"
},
"table_view": {
"sort-column-ascending": "تصاعدي",
"sort-column-descending": "تنازلي",
"new-column-relation": "العلاقة",
"new-column-label": "تسمية",
"new-row": "صف جديد",
"new-column": "عمود جديد",
"sort-column-clear": "ازالة الترتيب",
"show-hide-columns": "اظهار/اخفاء الاعمدة",
"edit-column": "تحرير العمود",
"delete-column": "حذف العمود"
},
"modal": {
"close": "اغلاق"
},
"call_to_action": {
"dismiss": "تجاهل"
},
"units": {
"percentage": "%"
},
"clone_to": {
"prefix_optional": "بادئة (اختياري)"
},
"table_of_contents": {
"unit": "عناوين"
},
"tree-context-menu": {
"archive": "أرشفة",
"unarchive": "الغاء الارشفة",
"delete": "حذف",
"advanced": "متقدمة",
"cut": "قص",
"duplicate": "استنساخ",
"export": "تصدير",
"expand-subtree": "توسيع الشجرة الفرعية",
"collapse-subtree": "طي الشجرة الفرعية",
"sort-by": "ترتيب بواسطة...",
"protect-subtree": "الشجرة الفرعية المحمية",
"unprotect-subtree": "الجرةةالفرعية الغير محمية",
"clone-to": "‍استنساخ الى...",
"move-to": "نقل الى...",
"paste-into": "لصق في",
"paste-after": "لصق بعد",
"open-in-popup": "تحرير سريع"
},
"note_types": {
"text": "نص",
"code": "كود",
"book": "مجموعة",
"canvas": "مساحة العمل",
"file": "ملف",
"image": "صورة",
"launcher": "مشغل",
"doc": "مستند",
"widget": "عنصر واجهة",
"new-feature": "جديد",
"collections": "مجاميع",
"beta-feature": "اصدار تجريبي",
"saved-search": "بحث محفوظ",
"relation-map": "خريطة العلاقة",
"note-map": "خريطة الملاحظة",
"render-note": "عرض الملاحظة",
"mermaid-diagram": "مخطط Mermaid",
"web-view": "عرض الويب",
"mind-map": "خريطة ذهنية",
"geo-map": "خريطة جغرافية",
"ai-chat": "دردشة AI",
"task-list": "قائمة المهام"
},
"shared_switch": {
"shared": "مشترك"
},
"template_switch": {
"template": "قالب"
},
"find": {
"replace": "استبدال",
"case_sensitive": "حساسة لحالة الاحرف",
"match_words": "مطابقة الكلمات",
"replace_placeholder": "استبدال ب...",
"replace_all": "استبدال الكل"
},
"highlights_list_2": {
"options": "خيارات",
"title": "قائمة التمييزات"
},
"quick-search": {
"searching": "جار البحث...",
"placeholder": "البحث السريع"
},
"note_tree": {
"unhoist": "ارجاع الى الترتيب الطبيعي",
"tree-settings-title": "اعدادات الشجرة",
"toggle-sidebar": "اظهار/اخفاء الشريط الجانبي"
},
"sql_table_schemas": {
"tables": "جداول"
},
"launcher_context_menu": {
"reset": "اعادة ضبط",
"add-spacer": "اضافة فاصل"
},
"editable-text": {
"auto-detect-language": "تم اكتشافه تلقائيا"
},
"classic_editor_toolbar": {
"title": "تنسيق"
},
"editor": {
"title": "محرر"
},
"editing": {
"editor_type": {
"floating": {
"title": "عائم"
},
"fixed": {
"title": "مثبت"
},
"label": "شريط ادوات التنسيق"
}
},
"electron_context_menu": {
"cut": "قص",
"copy": "نسخ",
"paste": "لصق",
"copy-link": "نسخ الرابط"
},
"promoted_attributes": {
"url_placeholder": "http://website...",
"promoted_attributes": "السمات المعززة",
"unset-field-placeholder": "غير محدد"
},
"duration": {
"seconds": "ثواني",
"minutes": "دقائق",
"hours": "ساعات",
"days": "أيام"
},
"editorfeatures": {
"title": "مميزات"
},
"book_properties_config": {
"raster": "نقطي",
"hide-weekends": "اخفاء عطلات نهايات الاسبوع",
"map-style": "نمط الخريطة:",
"vector_light": "متجه (فاتح)",
"vector_dark": "متجه (داكن)",
"show-scale": "اظهار المقياس"
},
"multi_factor_authentication": {
"oauth_title": "OAuth/OpenID",
"title": "المصادقة متعددة العوامل",
"mfa_method": "طريقة المصادقة متعددة العوامل",
"oauth_user_account": "حساب المستخدم: ",
"oauth_user_email": "البريد الإلكتروني للمستخدم: "
},
"execute_script": {
"execute_script": "تنفيذ السكريبت"
},
"add_label": {
"add_label": "اضافة تسمية",
"to_value": "الى القيمة",
"new_value_placeholder": "قيمة جديدة",
"label_name_placeholder": "اسم التسمية"
},
"delete_label": {
"delete_label": "حذف التسمية",
"label_name_placeholder": "اسم التسمية"
},
"update_label_value": {
"to_value": "الى القيمة",
"new_value_placeholder": "قيمة جديدة",
"label_name_placeholder": "اسم التسمية"
},
"delete_note": {
"delete_note": "حذف الملاحظة"
},
"rename_note": {
"rename_note": "اعادة تسمية الملاحظة"
},
"delete_relation": {
"delete_relation": "حذف العلاقة",
"relation_name": "اسم العلاقة"
},
"left_pane_toggle": {
"show_panel": "عرض اللوحة",
"hide_panel": "اخفاء اللوحة"
},
"move_pane_button": {
"move_left": "تحريك الى اليسار",
"move_right": "تحريك الى اليمين"
},
"note_actions": {
"re_render_note": "اعادة عرض الملاحظة",
"note_source": "مصدر الملاحظة",
"note_attachments": "مرفقات الملاحظة",
"import_files": "استيراد الملفات",
"export_note": "تصدير الملاحظة",
"delete_note": "حذف الملاحظة",
"print_note": "طباعة الملاحظة",
"save_revision": "حفظ المراجعة"
},
"update_available": {
"update_available": "تحديث متوفر"
},
"code_buttons": {
"execute_button_title": "تنفيذ السكريبت"
},
"hide_floating_buttons_button": {
"button_title": "اخفاء الازرار"
},
"show_floating_buttons_button": {
"button_title": "عرض الازرار"
},
"relation_map_buttons": {
"zoom_in_title": "تكبير",
"zoom_out_title": "تصغير"
},
"inherited_attribute_list": {
"title": "السمات الموروثة"
},
"note_map": {
"title": "خريطة الملاحظة",
"fix-nodes": "اصلاح العقد",
"link-distance": "مسافة الرابط"
},
"owned_attribute_list": {
"owned_attributes": "السمات المملوكة"
},
"similar_notes": {
"title": "ملاحظات مشابهة"
},
"fast_search": {
"fast_search": "بحث سريع"
},
"search_script": {
"title": "نص البحث:"
},
"attachment_detail": {
"owning_note": "الملاحظة المالكة: "
},
"attachment_list": {
"owning_note": "الملاحظة المالكة: ",
"upload_attachments": "رفع المرفقات"
},
"protected_session": {
"wrong_password": "كلمة المرور خاطئة",
"protecting-title": "الحالة المحمية",
"unprotecting-title": "الحالة الغير محمية"
},
"relation_map": {
"remove_note": "حذف الملاحظة",
"edit_title": "تعديل العنوان",
"rename_note": "اعادة تسمية الملاحظة",
"remove_relation": "حذف العلاقة",
"default_new_note_title": "ملاحظة جديدة"
},
"web_view": {
"web_view": "عرض الويب"
},
"consistency_checks": {
"title": "فحوصات التناسق"
},
"database_anonymization": {
"title": "اخفاء هوية البيانات",
"full_anonymization": "الاخفاء الكامل للهوية",
"light_anonymization": "الاخفاء الجزئي للهوية"
},
"vacuum_database": {
"title": "تحرير مساحة قاعدة البيانات",
"button_text": "تحرير مساحة قاعدة البيانات",
"vacuuming_database": "جار تحرير مساحة قاعدة الييانات..."
},
"ribbon": {
"widgets": "ادوات الشريط"
},
"vim_key_bindings": {
"use_vim_keybindings_in_code_notes": "اختصارات لوحة المفاتيح باسلوب Vim"
},
"network_connections": {
"network_connections_title": "اتصالات الشبكة"
},
"tray": {
"title": "شريط النظام"
},
"highlights_list": {
"title": "قائمة النقاط المميزة",
"bold": "نص عربض",
"italic": "نص مائل",
"underline": "خط تحت النص",
"color": "نص ملون"
},
"revisions_button": {
"note_revisions": "مراجعات الملاحظة"
},
"custom_date_time_format": {
"format_string": "سلسلة التنسيق:",
"formatted_time": "التاريخ/الوقت المنسق:"
},
"options_widget": {
"options_status": "حالة الخيارات"
},
"spellcheck": {
"title": "التدقيق الاملائي",
"enable": "تفعيل التدقيق الاملائي"
},
"note-map": {
"button-link-map": "خريطة الروابط",
"button-tree-map": "خريطة الشجرة"
},
"spacer": {
"configure_launchbar": "تهيئة شريط الاطلاق"
},
"entrypoints": {
"note-executed": "تم تنفيذ الملاحظة."
},
"branches": {
"delete-status": "حالة الحذف"
},
"highlighting": {
"title": "كتل الكود",
"color-scheme": "نظام الالوان"
},
"code_block": {
"word_wrapping": "التفاف النص",
"theme_group_light": "الثيمات الفاتحة",
"theme_group_dark": "الثيمات الغامقة"
},
"link_context_menu": {
"open_note_in_popup": "تحرير سريع"
},
"electron_integration": {
"desktop-application": "تطبيقات سطح المكتبة",
"zoom-factor": "عامل التكبير"
},
"note_tooltip": {
"quick-edit": "التحرير السريع"
},
"geo-map-context": {
"open-location": "فتح الموقع"
},
"share": {
"title": "اعدادات المشاركة"
},
"note_language": {
"not_set": "غير محدد",
"configure-languages": "لغات التهيئة"
},
"content_language": {
"title": "لغات المحتوى"
},
"toggle_read_only_button": {
"unlock-editing": "الغاء قفل التحرير",
"lock-editing": "قفل التحرير"
},
"cpu_arch_warning": {
"continue_anyway": "المتابعة على اي حال"
},
"table_context_menu": {
"delete_row": "حذف الصف"
},
"board_view": {
"delete-note": "حذف الملاحظة...",
"archive-note": "ارشفة الملاحظة",
"unarchive-note": "الغاء ارشفة الملاحظة",
"move-to": "نقل الى",
"insert-above": "ادراج اعلاه",
"insert-below": "ادراج ادناه",
"delete-column": "حذف العمود",
"new-item": "عنصر جديد",
"add-column": "اضافة عمود"
},
"command_palette": {
"export_note_title": "تصدير ملاحظة",
"show_attachments_title": "عرض المرفقات",
"search_notes_title": "البحث في الملاحظات"
},
"content_renderer": {
"open_externally": "فتح خارجيا"
},
"settings": {
"related_settings": "اعدادات متعلقة"
"title": "حول تريليوم للملاحظات"
}
}

View File

@@ -646,8 +646,7 @@
"about": "About Trilium Notes",
"logout": "Logout",
"show-cheatsheet": "Show Cheatsheet",
"toggle-zen-mode": "Zen Mode",
"update_available": "Version {{latestVersion}} is available, click to download."
"toggle-zen-mode": "Zen Mode"
},
"zen_mode": {
"button_exit": "Exit Zen Mode"
@@ -736,7 +735,6 @@
"mobile_detail_menu": {
"insert_child_note": "Insert child note",
"delete_this_note": "Delete this note",
"note_revisions": "Note revisions",
"error_cannot_get_branch_id": "Cannot get branchId for notePath '{{notePath}}'",
"error_unrecognized_command": "Unrecognized command {{command}}"
},
@@ -1415,13 +1413,8 @@
"title": "Localization",
"language": "Language",
"first-day-of-the-week": "First day of the week",
"monday": "Monday",
"tuesday": "Tuesday",
"wednesday": "Wednesday",
"thursday": "Thursday",
"friday": "Friday",
"saturday": "Saturday",
"sunday": "Sunday",
"monday": "Monday",
"first-week-of-the-year": "First week of the year",
"first-week-contains-first-day": "First week contains first day of the year",
"first-week-contains-first-thursday": "First week contains first Thursday of the year",
@@ -1429,8 +1422,7 @@
"min-days-in-first-week": "Minimum days in first week",
"first-week-info": "First week contains first Thursday of the year is based on <a href=\"https://en.wikipedia.org/wiki/ISO_week_date#First_week\">ISO 8601</a> standard.",
"first-week-warning": "Changing first week options may cause duplicate with existing Week Notes and the existing Week Notes will not be updated accordingly.",
"formatting-locale": "Date & number format",
"formatting-locale-auto": "Based on the application's language"
"formatting-locale": "Date & number format"
},
"backup": {
"automatic_backup": "Automatic backup",

View File

@@ -1,8 +0,0 @@
{
"about": {
"title": "Tentang Trilium Notes",
"homepage": "Halaman utama:",
"app_version": "Versi Aplikasi:",
"db_version": "Versi DB:"
}
}

View File

@@ -67,8 +67,7 @@
"switch_to_mobile_version": "モバイル版に切り替え",
"switch_to_desktop_version": "デスクトップ版に切り替え",
"configure_launchbar": "ランチャーバーの設定",
"show_shared_notes_subtree": "共有ノートのサブツリーを表示",
"update_available": "バージョン {{latestVersion}} が利用可能です。クリックしてダウンロードしてください。"
"show_shared_notes_subtree": "共有ノートのサブツリーを表示"
},
"left_pane_toggle": {
"show_panel": "パネルを表示",
@@ -163,8 +162,7 @@
"min-days-in-first-week": "最初の週の最低日数",
"first-week-info": "最初の週は、その年の最初の木曜日を含む週を指し、<a href=\"https://en.wikipedia.org/wiki/ISO_week_date#First_week\">ISO 8601</a>規格に基づいています。",
"first-week-warning": "最初の週のオプションを変更すると、既存のウィークノートと重複する可能性があり、既存のウィークノートはそれに応じて更新されません。",
"formatting-locale": "日付と数値のフォーマット",
"formatting-locale-auto": "アプリケーションの言語に基づいて"
"formatting-locale": "日付と数値のフォーマット"
},
"tab_row": {
"close_tab": "タブを閉じる",
@@ -253,12 +251,12 @@
"help": {
"title": "チートシート",
"noteNavigation": "ノートナビゲーション",
"collapseExpand": "ノードを折りたたむ / 展開",
"collapseExpand": "ノードの格納/展開",
"goBackForwards": "履歴を戻る/進む",
"scrollToActiveNote": "アクティブノートまでスクロール",
"jumpToParentNote": "親ノートへ移動",
"collapseWholeTree": "すべてのノートツリーを折りたたむ",
"collapseSubTree": "サブツリーを折りたたむ",
"collapseWholeTree": "すべてのノートツリーを格納",
"collapseSubTree": "サブツリーを格納",
"tabShortcuts": "タブショートカット",
"newTabNoteLink": "ノートのリンクをクリックすると、新しいタブで開く",
"newTabWithActivationNoteLink": "ノートのリンクをクリックすると、新しいタブで開き、アクティブにします",
@@ -517,9 +515,9 @@
"book_properties": {
"grid": "グリッド",
"list": "リスト",
"collapse_all_notes": "すべてのノートを折りたたむ",
"collapse_all_notes": "すべてのノートを格納",
"expand_all_children": "すべての子を展開",
"collapse": "折りたたむ",
"collapse": "格納",
"expand": "展開",
"book_properties": "コレクションプロパティ",
"invalid_view_type": "無効なビュータイプ '{{type}}'",
@@ -1292,7 +1290,7 @@
"cut": "カット",
"copy": "コピー",
"copy-link": "リンクをコピー",
"paste": "貼り付け",
"paste": "ペースト",
"paste-as-plain-text": "プレーンテキストで貼り付け",
"search_online": "{{searchEngine}} で \"{{term}}\" を検索"
},
@@ -1584,8 +1582,7 @@
"delete_this_note": "このノートを削除",
"error_unrecognized_command": "認識されないコマンド {{command}}",
"insert_child_note": "子ノートを挿入",
"error_cannot_get_branch_id": "ノートパス 「{{notePath}} のbranchIdを取得できません",
"note_revisions": "ノートの変更履歴"
"error_cannot_get_branch_id": "ノートパス 「{{notePath}} のbranchIdを取得できません"
},
"inherited_attribute_list": {
"title": "継承属性",

File diff suppressed because it is too large Load Diff

View File

@@ -46,7 +46,6 @@ interface CustomGlobals {
platform?: typeof process.platform;
linter: typeof lint;
hasNativeTitleBar: boolean;
isRtl: boolean;
}
type RequireMethod = (moduleName: string) => any;

View File

@@ -1,5 +1,3 @@
import options from "../services/options";
type DateTimeStyle = "full" | "long" | "medium" | "short" | "none" | undefined;
/**
@@ -10,7 +8,7 @@ export function formatDateTime(date: string | Date | number | null | undefined,
return "";
}
const locale = options.get("formattingLocale") || options.get("locale") || navigator.language;
const locale = navigator.language;
let parsedDate;
if (typeof date === "string" || typeof date === "number") {
@@ -26,7 +24,7 @@ export function formatDateTime(date: string | Date | number | null | undefined,
if (timeStyle !== "none" && dateStyle !== "none") {
// Format the date and time
const formatter = new Intl.DateTimeFormat(locale, { dateStyle, timeStyle });
const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle, timeStyle });
return formatter.format(parsedDate);
} else if (timeStyle === "none" && dateStyle !== "none") {
// Format only the date

View File

@@ -7,7 +7,7 @@
.show-floating-buttons {
position: absolute;
top: var(--floating-buttons-vert-offset, 10px);
inset-inline-end: var(--floating-buttons-horiz-offset, 10px);
right: var(--floating-buttons-horiz-offset, 10px);
display: flex;
flex-direction: row;
z-index: 100;
@@ -15,7 +15,8 @@
.note-split.rtl .floating-buttons-children,
.note-split.rtl .show-floating-buttons {
inset-inline-end: 10px;
right: unset;
left: 10px;
}
.note-split.rtl .close-floating-buttons {
@@ -73,7 +74,7 @@
.show-floating-buttons {
/* display: none;*/
margin-inline-start: 5px !important;
margin-left: 5px !important;
}
.show-floating-buttons-button {
@@ -96,7 +97,7 @@
/* #region Close floating buttons */
.close-floating-buttons {
margin-inline-start: 5px !important;
margin-left: 5px !important;
}
.close-floating-buttons:first-child {
@@ -139,7 +140,7 @@
z-index: 10;
position: absolute;
top: 50px;
inset-inline-end: 10px;
right: 10px;
width: 400px;
border-radius: 10px;
background-color: var(--accented-background-color);
@@ -149,8 +150,8 @@
}
.backlink-excerpt {
border-inline-start: 2px solid var(--main-border-color);
padding-inline-start: 10px;
border-left: 2px solid var(--main-border-color);
padding-left: 10px;
opacity: 80%;
font-size: 90%;
}

View File

@@ -23,6 +23,6 @@
color: var(--button-text-color);
position: absolute;
top: 10px;
inset-inline-end: 10px;
right: 10px;
cursor: pointer;
}

View File

@@ -30,7 +30,7 @@ const TPL = /*html*/`
}
.attachment-details {
margin-inline-start: 10px;
margin-left: 10px;
}
.attachment-content-wrapper {

View File

@@ -36,7 +36,7 @@ const TPL = /*html*/`
}
.related-notes-list {
padding-inline-start: 20px;
padding-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
@@ -46,7 +46,7 @@ const TPL = /*html*/`
}
.attr-edit-table th {
text-align: start;
text-align: left;
}
.attr-edit-table td input[not(type="checkbox")] {
@@ -150,7 +150,7 @@ const TPL = /*html*/`
<th title="${t("attribute_detail.precision_title")}">${t("attribute_detail.precision")}</th>
<td>
<div class="input-group">
<input type="number" class="form-control attr-input-number-precision" style="text-align: end">
<input type="number" class="form-control attr-input-number-precision" style="text-align: right">
<span class="input-group-text">${t("attribute_detail.digits")}</span>
</div>
</td>
@@ -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-inline-end: 20px">
style="flex-grow: 1; margin-right: 20px">
${t("attribute_detail.save_and_close")}</button>
<button class="btn btn-secondary btn-sm attr-delete-button">

View File

@@ -76,7 +76,7 @@ export class TypedBasicWidget<T extends TypedComponent<any>> extends TypedCompon
/**
* Sets the CSS attribute of the given name to the given value.
*
* @param name the name of the CSS attribute to set (e.g. `padding-inline-start`).
* @param name the name of the CSS attribute to set (e.g. `padding-left`).
* @param value the value of the CSS attribute to set (e.g. `12px`).
* @returns self for chaining.
*/
@@ -89,7 +89,7 @@ export class TypedBasicWidget<T extends TypedComponent<any>> extends TypedCompon
* Sets the CSS attribute of the given name to the given value, but only if the condition provided is truthy.
*
* @param condition `true` in order to apply the CSS, `false` to ignore it.
* @param name the name of the CSS attribute to set (e.g. `padding-inline-start`).
* @param name the name of the CSS attribute to set (e.g. `padding-left`).
* @param value the value of the CSS attribute to set (e.g. `12px`).
* @returns self for chaining.
*/

View File

@@ -4,7 +4,7 @@ import AbstractBulkAction from "./abstract_bulk_action";
import HelpRemoveButtons from "../react/HelpRemoveButtons";
interface BulkActionProps {
label: string | ComponentChildren;
label: string | ComponentChildren;
children?: ComponentChildren;
helpText?: ComponentChildren;
bulkAction: AbstractBulkAction;
@@ -12,8 +12,8 @@ interface BulkActionProps {
// Define styles as constants to prevent recreation
const flexContainerStyle = { display: "flex", alignItems: "center" } as const;
const labelStyle = { marginInlineEnd: "10px" } as const;
const textStyle = { marginInlineEnd: "10px", marginInlineStart: "10px" } as const;
const labelStyle = { marginRight: "10px" } as const;
const textStyle = { marginRight: "10px", marginLeft: "10px" } as const;
const BulkAction = memo(({ label, children, helpText, bulkAction }: BulkActionProps) => {
return (
@@ -44,4 +44,4 @@ export const BulkActionText = memo(({ text }: { text: string }) => {
{text}
</div>
);
});
});

View File

@@ -1,6 +1,5 @@
import { Tooltip } from "bootstrap";
import NoteContextAwareWidget from "../note_context_aware_widget.js";
import { handleRightToLeftPlacement } from "../../services/utils.js";
const TPL = /*html*/`<button class="button-widget bx"
data-bs-toggle="tooltip"
@@ -27,14 +26,13 @@ export default class AbstractButtonWidget<SettingsT extends AbstractButtonWidget
doRender() {
this.$widget = $(TPL);
this.tooltip = new Tooltip(this.$widget[0], {
html: true,
// in case getTitle() returns null -> use empty string as fallback
title: () => this.getTitle() || "",
trigger: "hover",
placement: handleRightToLeftPlacement(this.settings.titlePlacement),
fallbackPlacements: [ handleRightToLeftPlacement(this.settings.titlePlacement) ]
placement: this.settings.titlePlacement,
fallbackPlacements: [this.settings.titlePlacement]
});
if (this.settings.onContextMenu) {

View File

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

View File

@@ -35,7 +35,7 @@ const DROPDOWN_TPL = `
}
.bookmark-folder-widget li .note-link {
padding-inline-start: 35px;
padding-left: 35px;
}
</style>

View File

@@ -8,15 +8,13 @@ import options from "../../services/options.js";
import { Dropdown } from "bootstrap";
import type { EventData } from "../../components/app_context.js";
import dayjs, { Dayjs } from "dayjs";
import isoWeek from "dayjs/plugin/isoWeek.js";
import utc from "dayjs/plugin/utc.js";
import isSameOrAfter from "dayjs/plugin/isSameOrAfter.js";
import "../../stylesheets/calendar.css";
import type { AttributeRow, OptionDefinitions } from "@triliumnext/commons";
import type { AttributeRow } from "@triliumnext/commons";
dayjs.extend(utc);
dayjs.extend(isSameOrAfter);
dayjs.extend(isoWeek);
const MONTHS = [
t("calendar.january"),
@@ -71,15 +69,7 @@ const DROPDOWN_TPL = `
<div class="calendar-body" data-calendar-area="month"></div>
</div>`;
const DAYS_OF_WEEK = [
t("calendar.sun"),
t("calendar.mon"),
t("calendar.tue"),
t("calendar.wed"),
t("calendar.thu"),
t("calendar.fri"),
t("calendar.sat")
];
const DAYS_OF_WEEK = [t("calendar.sun"), t("calendar.mon"), t("calendar.tue"), t("calendar.wed"), t("calendar.thu"), t("calendar.fri"), t("calendar.sat")];
interface DateNotesForMonth {
[date: string]: string;
@@ -100,8 +90,7 @@ export default class CalendarWidget extends RightDropdownButtonWidget {
private $nextYear!: JQuery<HTMLElement>;
private $previousYear!: JQuery<HTMLElement>;
private monthDropdown!: Dropdown;
// stored in ISO 17
private firstDayOfWeekISO!: number;
private firstDayOfWeek!: number;
private weekCalculationOptions!: WeekCalculationOptions;
private activeDate: Dayjs | null = null;
private todaysDate!: Dayjs;
@@ -137,7 +126,6 @@ export default class CalendarWidget extends RightDropdownButtonWidget {
this.createMonth();
}
});
this.$next = this.$dropdownContent.find('[data-calendar-toggle="next"]');
this.$next.on("click", () => {
this.date = this.date.add(1, 'month');
@@ -156,24 +144,23 @@ export default class CalendarWidget extends RightDropdownButtonWidget {
this.date = this.date.year(parseInt(target.value));
this.createMonth();
});
this.$nextYear = this.$dropdownContent.find('[data-calendar-toggle="nextYear"]');
this.$nextYear.on("click", () => {
this.date = this.date.add(1, 'year');
this.createMonth();
});
this.$previousYear = this.$dropdownContent.find('[data-calendar-toggle="previousYear"]');
this.$previousYear.on("click", () => {
this.date = this.date.subtract(1, 'year');
this.createMonth();
});
// Date click
this.$dropdownContent.on("click", ".calendar-date", async (ev) => {
const date = $(ev.target).closest(".calendar-date").attr("data-calendar-date");
if (date) {
const note = await dateNoteService.getDayNote(date);
if (note) {
appContext.tabManager.getActiveContext()?.setNote(note.noteId);
this.dropdown?.hide();
@@ -181,10 +168,10 @@ export default class CalendarWidget extends RightDropdownButtonWidget {
toastService.showError(t("calendar.cannot_find_day_note"));
}
}
ev.stopPropagation();
});
// Week click
this.$dropdownContent.on("click", ".calendar-week-number", async (ev) => {
if (!this.weekNoteEnable) {
return;
@@ -231,17 +218,23 @@ export default class CalendarWidget extends RightDropdownButtonWidget {
return;
}
const noteAttributes = await server.get<AttributeRow[]>(`notes/${noteId}/attributes`);
this.weekNoteEnable = noteAttributes.some(a => a.name === 'enableWeekNote');
for (const attribute of noteAttributes) {
if (attribute.name === 'enableWeekNote') {
this.weekNoteEnable = true;
return
}
}
this.weekNoteEnable = false;
}
// Store firstDayOfWeek as ISO (17)
manageFirstDayOfWeek() {
const rawFirstDayOfWeek = options.getInt("firstDayOfWeek") || 0;
this.firstDayOfWeekISO = rawFirstDayOfWeek === 0 ? 7 : rawFirstDayOfWeek;
this.firstDayOfWeek = options.getInt("firstDayOfWeek") || 0;
// Generate the list of days of the week taking into consideration the user's selected first day of week.
let localeDaysOfWeek = [...DAYS_OF_WEEK];
const shifted = localeDaysOfWeek.splice(0, rawFirstDayOfWeek);
localeDaysOfWeek = ['', ...localeDaysOfWeek, ...shifted];
const daysToBeAddedAtEnd = localeDaysOfWeek.splice(0, this.firstDayOfWeek);
localeDaysOfWeek = ['', ...localeDaysOfWeek, ...daysToBeAddedAtEnd];
this.$weekHeader.html(localeDaysOfWeek.map((el) => `<span>${el}</span>`).join(''));
}
@@ -252,15 +245,72 @@ export default class CalendarWidget extends RightDropdownButtonWidget {
};
}
getWeekStartDate(date: Dayjs): Dayjs {
const currentISO = date.isoWeekday();
const diff = (currentISO - this.firstDayOfWeekISO + 7) % 7;
return date.clone().subtract(diff, "day").startOf("day");
}
getWeekNumber(date: Dayjs): number {
const weekStart = this.getWeekStartDate(date);
return weekStart.isoWeek();
const year = date.year();
const dayOfWeek = (day: number) => (day - this.firstDayOfWeek + 7) % 7;
// Get first day of the year and adjust to first week start
const jan1 = date.clone().year(year).month(0).date(1);
const jan1Weekday = jan1.day();
const dayOffset = dayOfWeek(jan1Weekday);
let firstWeekStart = jan1.clone().subtract(dayOffset, 'day');
// Adjust based on week rule
switch (this.weekCalculationOptions.firstWeekType) {
case 1: { // ISO 8601: first week contains Thursday
const thursday = firstWeekStart.clone().add(3, 'day'); // Monday + 3 = Thursday
if (thursday.year() < year) {
firstWeekStart = firstWeekStart.add(7, 'day');
}
break;
}
case 2: { // minDaysInFirstWeek rule
const daysInFirstWeek = 7 - dayOffset;
if (daysInFirstWeek < this.weekCalculationOptions.minDaysInFirstWeek) {
firstWeekStart = firstWeekStart.add(7, 'day');
}
break;
}
// default case 0: week containing Jan 1 → already handled
}
const diffDays = date.startOf('day').diff(firstWeekStart.startOf('day'), 'day');
const weekNumber = Math.floor(diffDays / 7) + 1;
// Handle case when date is before first week start → belongs to last week of previous year
if (weekNumber <= 0) {
return this.getWeekNumber(date.subtract(1, 'day'));
}
// Handle case when date belongs to first week of next year
const nextYear = year + 1;
const jan1Next = date.clone().year(nextYear).month(0).date(1);
const jan1WeekdayNext = jan1Next.day();
const offsetNext = dayOfWeek(jan1WeekdayNext);
let nextYearWeekStart = jan1Next.clone().subtract(offsetNext, 'day');
switch (this.weekCalculationOptions.firstWeekType) {
case 1: {
const thursday = nextYearWeekStart.clone().add(3, 'day');
if (thursday.year() < nextYear) {
nextYearWeekStart = nextYearWeekStart.add(7, 'day');
}
break;
}
case 2: {
const daysInFirstWeek = 7 - offsetNext;
if (daysInFirstWeek < this.weekCalculationOptions.minDaysInFirstWeek) {
nextYearWeekStart = nextYearWeekStart.add(7, 'day');
}
break;
}
}
if (date.isSameOrAfter(nextYearWeekStart)) {
return 1;
}
return weekNumber;
}
async dropdownShown() {
@@ -270,25 +320,32 @@ export default class CalendarWidget extends RightDropdownButtonWidget {
}
init(activeDate: string | null) {
// attaching time fixes local timezone handling
this.activeDate = activeDate ? dayjs(`${activeDate}T12:00:00`) : null;
this.todaysDate = dayjs();
this.date = dayjs(this.activeDate || this.todaysDate).startOf('month');
this.createMonth();
}
createDay(dateNotesForMonth: DateNotesForMonth, num: number) {
const $newDay = $("<a>")
.addClass("calendar-date")
.attr("data-calendar-date", this.date.local().format('YYYY-MM-DD'));
const $newDay = $("<a>").addClass("calendar-date").attr("data-calendar-date", this.date.local().format('YYYY-MM-DD'));
const $date = $("<span>").html(String(num));
const dateNoteId = dateNotesForMonth[this.date.local().format('YYYY-MM-DD')];
if (dateNoteId) {
$newDay.addClass("calendar-date-exists").attr("data-href", `#root/${dateNoteId}`);
$newDay.addClass("calendar-date-exists");
$newDay.attr("data-href", `#root/${dateNoteId}`);
}
if (this.date.isSame(this.activeDate, 'day')) $newDay.addClass("calendar-date-active");
if (this.date.isSame(this.todaysDate, 'day')) $newDay.addClass("calendar-date-today");
if (this.date.isSame(this.activeDate, 'day')) {
$newDay.addClass("calendar-date-active");
}
if (this.date.isSame(this.todaysDate, 'day')) {
$newDay.addClass("calendar-date-today");
}
$newDay.append($date);
return $newDay;
@@ -296,26 +353,29 @@ export default class CalendarWidget extends RightDropdownButtonWidget {
createWeekNumber(weekNumber: number) {
const weekNoteId = this.date.local().format('YYYY-') + 'W' + String(weekNumber).padStart(2, '0');
let $newWeekNumber;
let $newWeekNumber;
if (this.weekNoteEnable) {
// Utilize the hover effect of calendar-date
$newWeekNumber = $("<a>").addClass("calendar-date");
if (this.weekNotes.includes(weekNoteId)) {
$newWeekNumber.addClass("calendar-date-exists").attr("data-href", `#root/${weekNoteId}`);
$newWeekNumber.addClass("calendar-date-exists");
$newWeekNumber.attr("data-href", `#root/${weekNoteId}`);
}
} else {
$newWeekNumber = $("<span>").addClass("calendar-week-number-disabled");
}
$newWeekNumber.addClass("calendar-week-number").attr("data-calendar-week-number", weekNoteId);
$newWeekNumber.append($("<span>").html(String(weekNumber)));
return $newWeekNumber;
}
// Use isoWeekday() consistently
private getPrevMonthDays(firstDayISO: number): { weekNumber: number, dates: Dayjs[] } {
private getPrevMonthDays(firstDayOfWeek: number): { weekNumber: number, dates: Dayjs[] } {
const prevMonthLastDay = this.date.subtract(1, 'month').endOf('month');
const daysToAdd = (firstDayISO - this.firstDayOfWeekISO + 7) % 7;
const daysToAdd = (firstDayOfWeek - this.firstDayOfWeek + 7) % 7;
const dates: Dayjs[] = [];
const firstDay = this.date.startOf('month');
@@ -329,16 +389,18 @@ export default class CalendarWidget extends RightDropdownButtonWidget {
return { weekNumber, dates };
}
private getNextMonthDays(lastDayISO: number): Dayjs[] {
private getNextMonthDays(lastDayOfWeek: number): Dayjs[] {
const nextMonthFirstDay = this.date.add(1, 'month').startOf('month');
const dates: Dayjs[] = [];
const lastDayOfUserWeek = ((this.firstDayOfWeekISO + 6 - 1) % 7) + 1; // ISO wrap
const daysToAdd = (lastDayOfUserWeek - lastDayISO + 7) % 7;
const lastDayOfUserWeek = (this.firstDayOfWeek + 6) % 7;
const daysToAdd = (lastDayOfUserWeek - lastDayOfWeek + 7) % 7;
// Get dates from next month
for (let i = 0; i < daysToAdd; i++) {
dates.push(nextMonthFirstDay.add(i, 'day'));
}
return dates;
}
@@ -349,11 +411,12 @@ export default class CalendarWidget extends RightDropdownButtonWidget {
this.$month.empty();
const firstDay = this.date.startOf('month');
const firstDayISO = firstDay.isoWeekday();
const firstDayOfWeek = firstDay.day();
// Add dates from previous month
if (firstDayOfWeek !== this.firstDayOfWeek) {
const { weekNumber, dates } = this.getPrevMonthDays(firstDayOfWeek);
// Previous month filler
if (firstDayISO !== this.firstDayOfWeekISO) {
const { weekNumber, dates } = this.getPrevMonthDays(firstDayISO);
const prevMonth = this.date.subtract(1, 'month').format('YYYY-MM');
const dateNotesForPrevMonth: DateNotesForMonth = await server.get(`special-notes/notes-for-month/${prevMonth}`);
@@ -372,16 +435,18 @@ export default class CalendarWidget extends RightDropdownButtonWidget {
const currentMonth = this.date.month();
// Main month
while (this.date.month() === currentMonth) {
const weekNumber = this.getWeekNumber(this.date);
if (this.date.isoWeekday() === this.firstDayOfWeekISO) {
// Add week number if it's first day of week
if (this.date.day() === this.firstDayOfWeek) {
const $weekNumber = this.createWeekNumber(weekNumber);
this.$month.append($weekNumber);
}
const $day = this.createDay(dateNotesForMonth, this.date.date());
this.$month.append($day);
this.date = this.date.add(1, 'day');
}
// while loop trips over and day is at 30/31, bring it back
@@ -389,11 +454,11 @@ export default class CalendarWidget extends RightDropdownButtonWidget {
// Add dates from next month
const lastDayOfMonth = this.date.endOf('month');
const lastDayISO = lastDayOfMonth.isoWeekday();
const lastDayOfUserWeek = ((this.firstDayOfWeekISO + 6 - 1) % 7) + 1;
const lastDayOfWeek = lastDayOfMonth.day();
const lastDayOfUserWeek = (this.firstDayOfWeek + 6) % 7;
if (lastDayOfWeek !== lastDayOfUserWeek) {
const dates = this.getNextMonthDays(lastDayOfWeek);
if (lastDayISO !== lastDayOfUserWeek) {
const dates = this.getNextMonthDays(lastDayISO);
const nextMonth = this.date.add(1, 'month').format('YYYY-MM');
const dateNotesForNextMonth: DateNotesForMonth = await server.get(`special-notes/notes-for-month/${nextMonth}`);
@@ -412,12 +477,9 @@ export default class CalendarWidget extends RightDropdownButtonWidget {
}
async entitiesReloadedEvent({ loadResults }: EventData<"entitiesReloaded">) {
const WEEK_OPTIONS: (keyof OptionDefinitions)[] = [
"firstDayOfWeek",
"firstWeekOfYear",
"minDaysInFirstWeek",
];
if (!WEEK_OPTIONS.some(opt => loadResults.getOptionNames().includes(opt))) {
if (!loadResults.getOptionNames().includes("firstDayOfWeek") &&
!loadResults.getOptionNames().includes("firstWeekOfYear") &&
!loadResults.getOptionNames().includes("minDaysInFirstWeek")) {
return;
}

View File

@@ -55,7 +55,7 @@ button.global-menu-button {
.global-menu-button-update-available {
position: absolute;
inset-inline-end: -30px;
right: -30px;
bottom: -30px;
width: 100%;
height: 100%;
@@ -69,7 +69,7 @@ button.global-menu-button {
}
.global-menu .zoom-buttons {
margin-inline-start: 2em;
margin-left: 2em;
}
.global-menu .zoom-buttons a {
@@ -79,7 +79,7 @@ button.global-menu-button {
color: var(--button-text-color);
background-color: var(--button-background-color);
padding: 3px;
margin-inline-start: 3px;
margin-left: 3px;
text-decoration: none;
}
@@ -88,15 +88,15 @@ button.global-menu-button {
}
.global-menu .zoom-state {
margin-inline-start: 5px;
margin-inline-end: 5px;
margin-left: 5px;
margin-right: 5px;
}
.global-menu .dropdown-item .bx {
position: relative;
top: 3px;
font-size: 120%;
margin-inline-end: 6px;
margin-right: 6px;
}
/* #region Update available */

View File

@@ -58,7 +58,7 @@ export default function GlobalMenu({ isHorizontalLayout }: { isHorizontalLayout:
<KeyboardActionMenuItem command="showHelp" icon="bx bx-help-circle" text={t("global_menu.show_help")} />
<KeyboardActionMenuItem command="showCheatsheet" icon="bx bxs-keyboard" text={t("global_menu.show-cheatsheet")} />
<MenuItem command="openAboutDialog" icon="bx bx-info-circle" text={t("global_menu.about")} />
{isUpdateAvailable && <MenuItem command={() => window.open("https://github.com/TriliumNext/Trilium/releases/latest")} icon="bx bx-sync" text={t("global_menu.update_available", { latestVersion })} /> }
{isUpdateAvailable && <MenuItem command={() => window.open("https://github.com/TriliumNext/Trilium/releases/latest")} icon="bx bx-sync" text={`Version ${latestVersion} is available, click to download.`} /> }
{!isElectron() && <BrowserOnlyOptions />}
</Dropdown>
)

View File

@@ -1,4 +1,3 @@
import { handleRightToLeftPlacement } from "../../services/utils.js";
import BasicWidget from "../basic_widget.js";
import { Tooltip, Dropdown } from "bootstrap";
type PopoverPlacement = Tooltip.PopoverPlacement;
@@ -49,8 +48,8 @@ export default class RightDropdownButtonWidget extends BasicWidget {
this.$tooltip = this.$widget.find(".tooltip-trigger").attr("title", this.title);
this.tooltip = new Tooltip(this.$tooltip[0], {
placement: handleRightToLeftPlacement(this.settings.titlePlacement),
fallbackPlacements: [ handleRightToLeftPlacement(this.settings.titlePlacement) ]
placement: this.settings.titlePlacement,
fallbackPlacements: [this.settings.titlePlacement]
});
this.$widget

View File

@@ -11,7 +11,7 @@ body.zen .close-zen-container {
display: block;
position: fixed;
top: 2px;
inset-inline-end: 2px;
right: 2px;
z-index: 9999;
-webkit-app-region: no-drag;
}
@@ -21,6 +21,6 @@ body.zen.mobile .close-zen-container {
}
body.zen.electron:not(.platform-darwin):not(.native-titlebar) .close-zen-container {
inset-inline-start: calc(env(titlebar-area-width) - var(--zen-button-size) - 2px);
inset-inline-end: unset;
left: calc(env(titlebar-area-width) - var(--zen-button-size) - 2px);
right: unset;
}

View File

@@ -23,6 +23,8 @@
flex-shrink: 0;
border: 2px solid transparent;
border-radius: 8px;
padding: 0.5em;
padding-bottom: 0;
background-color: var(--accented-background-color);
transition: border-color 0.2s ease;
overflow-y: auto;
@@ -93,7 +95,7 @@
.board-view-container .board-column .edit-icon {
opacity: 0;
margin-inline-start: 0.5em;
margin-left: 0.5em;
transition: opacity 0.2s ease;
color: var(--muted-text-color);
cursor: pointer;
@@ -102,7 +104,7 @@
.board-view-container .board-column > .board-column-content {
flex-grow: 1;
overflow: scroll;
padding: 0.5em;
padding-bottom: 0.5em;
}
.board-view-container .board-column h3:hover .edit-icon,
@@ -128,10 +130,6 @@
font-size: var(--card-font-size);
}
.board-view-container .board-note:first-of-type {
margin-top: 0;
}
.board-view-container :focus {
outline: 3px solid var(--input-focus-outline-color);
outline-offset: 0;
@@ -146,14 +144,14 @@
}
.board-view-container .board-note .icon {
margin-inline-end: 0.25em;
margin-right: 0.25em;
display: inline;
}
.board-view-container .board-note > .edit-icon {
position: absolute;
top: 8px;
inset-inline-end: 4px;
right: 4px;
padding: 2px;
background-color: var(--main-background-color);
}
@@ -165,10 +163,10 @@
.board-view-container .board-note:hover > .edit-icon {
position: absolute;
top: 8px;
inset-inline-end: 4px;
right: 4px;
color: var(--main-text-color);
background-color: var(--main-background-color);
padding-inline-start: 6px;
padding-left: 6px;
}
.board-view-container .board-note.fade-in {
@@ -269,7 +267,7 @@
}
.board-new-item .icon {
margin-inline-end: 0.25em;
margin-right: 0.25em;
}
.board-add-column {
@@ -296,7 +294,7 @@
}
.board-add-column .icon {
margin-inline-end: 0.5em;
margin-right: 0.5em;
font-size: 1.2em;
}

View File

@@ -13,8 +13,8 @@
.search-result-widget-content .calendar-view {
position: absolute;
top: 0;
inset-inline-start: 0;
inset-inline-end: 0;
left: 0;
right: 0;
bottom: 0;
}
@@ -67,10 +67,10 @@
}
body.desktop:not(.zen) .calendar-view .calendar-header {
padding-inline-end: 5em;
padding-right: 5em;
}
.search-result-widget-content .calendar-view .calendar-header {
padding-inline-end: unset !important;
padding-right: unset !important;
}
/* #endregion */

View File

@@ -3,8 +3,8 @@ import { ViewModeProps } from "../interface";
import Calendar from "./calendar";
import { useCallback, useEffect, useMemo, useRef, useState } from "preact/hooks";
import "./index.css";
import { useNoteLabel, useNoteLabelBoolean, useResizeObserver, useSpacedUpdate, useTriliumEvent, useTriliumOption, useTriliumOptionInt } from "../../react/hooks";
import { DISPLAYABLE_LOCALE_IDS, LOCALE_IDS } from "@triliumnext/commons";
import { useNoteLabel, useNoteLabelBoolean, useResizeObserver, useSpacedUpdate, useTouchBar, useTriliumEvent, useTriliumOption, useTriliumOptionInt } from "../../react/hooks";
import { LOCALE_IDS } from "@triliumnext/commons";
import { Calendar as FullCalendar } from "@fullcalendar/core";
import { parseStartEndDateFromEvent, parseStartEndTimeFromEvent } from "./utils";
import dialog from "../../../services/dialog";
@@ -62,7 +62,7 @@ const CALENDAR_VIEWS = [
const SUPPORTED_CALENDAR_VIEW_TYPE = CALENDAR_VIEWS.map(v => v.type);
// Here we hard-code the imports in order to ensure that they are embedded by webpack without having to load all the languages.
export const LOCALE_MAPPINGS: Record<DISPLAYABLE_LOCALE_IDS, (() => Promise<{ default: LocaleInput }>) | null> = {
export const LOCALE_MAPPINGS: Record<LOCALE_IDS, (() => Promise<{ default: LocaleInput }>) | null> = {
de: () => import("@fullcalendar/core/locales/de"),
es: () => import("@fullcalendar/core/locales/es"),
fr: () => import("@fullcalendar/core/locales/fr"),
@@ -71,12 +71,9 @@ export const LOCALE_MAPPINGS: Record<DISPLAYABLE_LOCALE_IDS, (() => Promise<{ de
ro: () => import("@fullcalendar/core/locales/ro"),
ru: () => import("@fullcalendar/core/locales/ru"),
ja: () => import("@fullcalendar/core/locales/ja"),
pt: () => import("@fullcalendar/core/locales/pt"),
"pt_br": () => import("@fullcalendar/core/locales/pt-br"),
uk: () => import("@fullcalendar/core/locales/uk"),
en: null,
"en_rtl": null,
ar: () => import("@fullcalendar/core/locales/ar")
en: null
};
export default function CalendarView({ note, noteIds }: ViewModeProps<CalendarViewData>) {

View File

@@ -36,14 +36,14 @@
.geo-map-container .leaflet-div-icon .icon-shadow {
position: absolute;
top: 0;
inset-inline-start: 0;
left: 0;
z-index: -1;
}
.geo-map-container .leaflet-div-icon .bx {
position: absolute;
top: 3px;
inset-inline-start: 2px;
left: 2px;
background-color: white;
color: black;
padding: 2px;
@@ -55,7 +55,7 @@
display: block;
position: absolute;
top: 100%;
inset-inline-start: 50%;
left: 50%;
transform: translateX(-50%);
font-size: 0.75rem;
height: 1rem;
@@ -68,10 +68,6 @@
overflow: hidden;
}
body[dir=rtl] .geo-map-container .leaflet-div-icon .title-label {
transform: translateX(50%);
}
.geo-map-container .leaflet-div-icon .archived {
opacity: 0.5;
}

View File

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

View File

@@ -13,8 +13,8 @@
.search-result-widget-content .table-view {
position: absolute;
top: 0;
inset-inline-start: 0;
inset-inline-end: 0;
left: 0;
right: 0;
bottom: 0;
}
@@ -33,7 +33,7 @@
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left,
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
border-inline-end-width: 1px;
border-right-width: 1px;
}
.tabulator .tabulator-row.archived {
@@ -65,7 +65,7 @@
.tabulator button.tree-collapse span {
position: absolute;
top: 0;
inset-inline-start: 0;
left: 0;
font-size: 1.5em;
transform: translateY(-50%);
}

View File

@@ -3,7 +3,6 @@ import FlexContainer from "./flex_container.js";
import options from "../../services/options.js";
import type BasicWidget from "../basic_widget.js";
import utils from "../../services/utils.js";
import { LOCALES } from "@triliumnext/commons";
/**
* The root container is the top-most widget/container, from which the entire layout derives.
@@ -33,7 +32,6 @@ export default class RootContainer extends FlexContainer<BasicWidget> {
this.#setMotion(options.is("motionEnabled"));
this.#setShadows(options.is("shadowsEnabled"));
this.#setBackdropEffects(options.is("backdropEffectsEnabled"));
this.#setLocaleAndDirection(options.get("locale"));
return super.render();
}
@@ -70,12 +68,6 @@ export default class RootContainer extends FlexContainer<BasicWidget> {
#setBackdropEffects(enabled: boolean) {
document.body.classList.toggle("backdrop-effects-disabled", !enabled);
}
#setLocaleAndDirection(locale: string) {
const correspondingLocale = LOCALES.find(l => l.id === locale);
document.body.lang = locale;
document.body.dir = correspondingLocale?.rtl ? "rtl" : "ltr";
}
}
function getViewportHeight() {

View File

@@ -4,7 +4,7 @@
.bulk-actions-dialog .bulk-available-action-list button {
padding: 2px 7px;
margin-inline-end: 10px;
margin-right: 10px;
margin-bottom: 5px;
}
@@ -19,7 +19,7 @@
.bulk-actions-dialog .bulk-existing-action-list .button-column {
width: 50px;
white-space: nowrap;
text-align: end;
text-align: right;
}
.bulk-actions-dialog .bulk-existing-action-list .button-column > * {

View File

@@ -4,11 +4,11 @@
}
.export-dialog form .format-choice {
padding-inline-start: 40px;
padding-left: 40px;
}
.export-dialog form .opml-versions {
padding-inline-start: 60px;
padding-left: 60px;
}
.export-dialog form .form-check-label {

View File

@@ -46,8 +46,8 @@ const TPL = /*html*/`\
.modal.popup-editor-dialog .classic-toolbar-widget {
position: sticky;
top: 0;
inset-inline-start: 0;
inset-inline-end: 0;
left: 0;
right: 0;
background: var(--modal-background-color);
z-index: 998;
}

View File

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

View File

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

View File

@@ -24,7 +24,7 @@ const TPL = /*html*/`<div class="highlights-list-widget">
}
.highlights-list > ol {
padding-inline-start: 20px;
padding-left: 20px;
}
.highlights-list li {

View File

@@ -2090,14 +2090,14 @@ const icons: Icon[] = [
term: ["keypad"]
},
{
name: "border-inline-end",
slug: "border-inline-end-regular",
name: "border-right",
slug: "border-right-regular",
category_id: 111,
type_of_icon: "REGULAR"
},
{
name: "border-inline-start",
slug: "border-inline-start-regular",
name: "border-left",
slug: "border-left-regular",
category_id: 111,
type_of_icon: "REGULAR"
},

View File

@@ -9,7 +9,7 @@ import { formatMarkdown, applyHighlighting } from "./utils.js";
export const TPL = `
<div class="note-context-chat h-100 w-100 d-flex flex-column">
<!-- Move validation warning outside the card with better styling -->
<div class="provider-validation-warning alert alert-warning m-2 border-inline-start border-warning" style="display: none; padding-inline-start: 15px; border-inline-start: 4px solid #ffc107; background-color: rgba(255, 248, 230, 0.9); font-size: 0.9rem; box-shadow: 0 2px 5px rgba(0,0,0,0.05);"></div>
<div class="provider-validation-warning alert alert-warning m-2 border-left border-warning" style="display: none; padding-left: 15px; border-left: 4px solid #ffc107; background-color: rgba(255, 248, 230, 0.9); font-size: 0.9rem; box-shadow: 0 2px 5px rgba(0,0,0,0.05);"></div>
<div class="note-context-chat-container flex-grow-1 overflow-auto p-3">
<div class="note-context-chat-messages"></div>

View File

@@ -25,7 +25,7 @@ export default function MobileDetailMenu() {
{ title: t("mobile_detail_menu.insert_child_note"), command: "insertChildNote", uiIcon: "bx bx-plus", enabled: note?.type !== "search" },
{ title: t("mobile_detail_menu.delete_this_note"), command: "delete", uiIcon: "bx bx-trash", enabled: note?.noteId !== "root" },
{ kind: "separator" },
{ title: t("mobile_detail_menu.note_revisions"), command: "showRevisions", uiIcon: "bx bx-history" }
{ title: "Note revisions", command: "showRevisions", uiIcon: "bx bx-history" }
],
selectMenuItemHandler: async ({ command }) => {
if (command === "insertChildNote") {

View File

@@ -27,7 +27,6 @@ export default class SidebarContainer extends FlexContainer<BasicWidget> {
private backdropEl!: HTMLElement;
private originalSidebarTransition: string;
private originalBackdropTransition: string;
private screenWidth: number;
constructor(screenName: Screen, direction: FlexDirection) {
super(direction);
@@ -38,7 +37,6 @@ export default class SidebarContainer extends FlexContainer<BasicWidget> {
this.dragState = DRAG_STATE_NONE;
this.originalSidebarTransition = "";
this.originalBackdropTransition = "";
this.screenWidth = document.body.getBoundingClientRect().width;
}
doRender() {
@@ -53,9 +51,7 @@ export default class SidebarContainer extends FlexContainer<BasicWidget> {
const x = "touches" in e ? e.touches[0].clientX : e.clientX;
this.startX = x;
// Prevent dragging if too far from the edge of the screen and the menu is closed.
let dragRefX = glob.isRtl ? this.screenWidth - x : x;
if (dragRefX > 30 && this.currentTranslate === -100) {
if (x > 30 && this.currentTranslate === -100) {
return;
}
@@ -70,7 +66,7 @@ export default class SidebarContainer extends FlexContainer<BasicWidget> {
}
const x = "touches" in e ? e.touches[0].clientX : e.clientX;
const deltaX = glob.isRtl ? this.startX - x : x - this.startX;
const deltaX = x - this.startX;
if (this.dragState === DRAG_STATE_INITIAL_DRAG) {
if (this.currentTranslate === -100 ? deltaX > DRAG_CLOSED_START_THRESHOLD : deltaX < -DRAG_OPENED_START_THRESHOLD) {
/* Disable the transitions since they affect performance, they are going to reenabled once drag ends. */
@@ -89,15 +85,10 @@ export default class SidebarContainer extends FlexContainer<BasicWidget> {
}
} else if (this.dragState === DRAG_STATE_DRAGGING) {
const width = this.sidebarEl.offsetWidth;
let translatePercentage = Math.min(0, Math.max(this.currentTranslate + (deltaX / width) * 100, -100));
const backdropOpacity = Math.max(0, 1 + translatePercentage / 100);
const translatePercentage = Math.min(0, Math.max(this.currentTranslate + (deltaX / width) * 100, -100));
this.translatePercentage = translatePercentage;
if (glob.isRtl) {
this.sidebarEl.style.transform = `translateX(${-translatePercentage}%)`;
} else {
this.sidebarEl.style.transform = `translateX(${translatePercentage}%)`;
}
this.backdropEl.style.opacity = String(backdropOpacity);
this.sidebarEl.style.transform = `translateX(${translatePercentage}%)`;
this.backdropEl.style.opacity = String(Math.max(0, 1 + translatePercentage / 100));
}
// Consume the event to prevent the user from doing the back to previous page gesture on iOS.
@@ -158,15 +149,7 @@ export default class SidebarContainer extends FlexContainer<BasicWidget> {
}
this.sidebarEl.classList.toggle("show", isOpen);
if (isOpen) {
this.sidebarEl.style.transform = "translateX(0)";
} else {
if (glob.isRtl) {
this.sidebarEl.style.transform = "translateX(100%)"
} else {
this.sidebarEl.style.transform = "translateX(-100%)";
}
}
this.sidebarEl.style.transform = isOpen ? "translateX(0)" : "translateX(-100%)";
this.sidebarEl.style.transition = this.originalSidebarTransition;
this.backdropEl.classList.toggle("show", isOpen);

View File

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

View File

@@ -38,7 +38,7 @@ const TPL = /*html*/`<div class="note-map-widget">
/* removing default appearance */
-webkit-appearance: none;
appearance: none;
margin-inline-start: 15px;
margin-left: 15px;
width: 150px;
}

View File

@@ -61,7 +61,7 @@ const TPL = /*html*/`
display: flex;
align-items: flex-end;
justify-content: flex-end;
inset-inline-end: 17px;
right: 17px;
border-radius: 7px;
border: 1px solid var(--main-border-color);
}
@@ -82,15 +82,15 @@ const TPL = /*html*/`
}
.collapse-tree-button {
inset-inline-end: 100px;
right: 100px;
}
.scroll-to-active-note-button {
inset-inline-end: 55px;
right: 55px;
}
.tree-settings-button {
inset-inline-end: 10px;
right: 10px;
}
.tree-settings-popup {

View File

@@ -45,7 +45,7 @@ const TPL = /*html*/`
}
.promoted-attribute-cell div.input-group {
margin-inline-start: 10px;
margin-left: 10px;
display: flex;
min-height: 40px;
}
@@ -95,8 +95,8 @@ const TPL = /*html*/`
content: "";
position: absolute;
top: 10px;
inset-inline-start: 0px;
inset-inline-end: 0;
left: 0px;
right: 0;
height: 2px;
background: rgba(0, 0, 0, 0.5);
transform: rotate(45deg);

View File

@@ -2,7 +2,7 @@ import BasicWidget from "./basic_widget.js";
import server from "../services/server.js";
import linkService from "../services/link.js";
import froca from "../services/froca.js";
import utils, { handleRightToLeftPlacement } from "../services/utils.js";
import utils from "../services/utils.js";
import appContext from "../components/app_context.js";
import shortcutService, { isIMEComposing } from "../services/shortcuts.js";
import { t } from "../services/i18n.js";
@@ -15,12 +15,12 @@ const TPL = /*html*/`
padding: 10px 10px 10px 0px;
height: 50px;
}
.quick-search button, .quick-search input {
border: 0;
font-size: 100% !important;
}
.quick-search .dropdown-menu {
--quick-search-item-delimiter-color: var(--dropdown-border-color);
@@ -32,40 +32,40 @@ const TPL = /*html*/`
text-overflow: ellipsis;
box-shadow: -30px 50px 93px -50px black;
}
.quick-search .dropdown-item {
white-space: normal;
padding: 12px 16px;
line-height: 1.4;
position: relative;
}
.quick-search .dropdown-item + .dropdown-item::after {
content: '';
position: absolute;
inset-inline-start: 0;
left: 0;
top: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid var(--quick-search-item-delimiter-color);
}
.quick-search .dropdown-item:last-child::after {
display: none;
}
.quick-search .dropdown-item.disabled::after {
display: none;
}
.quick-search .dropdown-item.show-in-full-search::after {
display: none;
}
.quick-search-item.dropdown-item:hover {
background-color: #f8f9fa;
}
.quick-search .quick-search-item {
width: 100%;
}
@@ -151,7 +151,7 @@ export default class QuickSearchWidget extends BasicWidget {
private dropdown!: bootstrap.Dropdown;
private $searchString!: JQuery<HTMLElement>;
private $dropdownMenu!: JQuery<HTMLElement>;
// State for infinite scrolling
private allSearchResults: Array<any> = [];
private allSearchResultNoteIds: string[] = [];
@@ -172,7 +172,7 @@ export default class QuickSearchWidget extends BasicWidget {
});
this.$widget.find(".input-group-prepend").on("shown.bs.dropdown", () => this.search());
// Add scroll event listener for infinite scrolling
this.$dropdownMenu.on("scroll", () => {
this.handleScroll();
@@ -187,7 +187,7 @@ export default class QuickSearchWidget extends BasicWidget {
if (originalEvent && isIMEComposing(originalEvent)) {
return;
}
if (e.which === 13) {
if (this.$dropdownMenu.is(":visible")) {
this.search(); // just update already visible dropdown
@@ -248,7 +248,7 @@ export default class QuickSearchWidget extends BasicWidget {
let tooltip = new Tooltip(this.$searchString[0], {
trigger: "manual",
title: `Search error: ${error}`,
placement: handleRightToLeftPlacement("right")
placement: "right"
});
tooltip.show();
@@ -293,40 +293,40 @@ export default class QuickSearchWidget extends BasicWidget {
if (!noteId) continue;
const $item = $('<a class="dropdown-item" tabindex="0" href="javascript:">');
// Build the display HTML with content snippet below the title
let itemHtml = `<div class="quick-search-item">
<div class="quick-search-item-header">
<span class="quick-search-item-icon ${result.icon}"></span>
<span class="search-result-title">${result.highlightedNotePathTitle}</span>
</div>`;
// Add attribute snippet (tags/attributes) below the title if available
if (result.highlightedAttributeSnippet) {
// Replace <br> with a blank space to join the atributes on the same single line
const snippet = (result.highlightedAttributeSnippet as string).replace(/<br\s?\/?>/g, " ");
itemHtml += `<div class="search-result-attributes">${snippet}</div>`;
}
// Add content snippet below the attributes if available
if (result.highlightedContentSnippet) {
itemHtml += `<div class="search-result-content">${result.highlightedContentSnippet}</div>`;
}
itemHtml += `</div>`;
$item.html(itemHtml);
$item.on("click", (e) => {
this.dropdown.hide();
e.preventDefault();
const activeContext = appContext.tabManager.getActiveContext();
if (activeContext) {
activeContext.setNote(noteId);
}
});
shortcutService.bindElShortcut($item, "return", () => {
this.dropdown.hide();
@@ -390,7 +390,7 @@ export default class QuickSearchWidget extends BasicWidget {
// Trigger loading more when user scrolls near the bottom (within 50px)
if (scrollTop + clientHeight >= scrollHeight - 50) {
const totalResults = this.allSearchResults.length > 0 ? this.allSearchResults.length : this.allSearchResultNoteIds.length;
if (this.currentDisplayedCount < totalResults) {
this.displayMoreResults(LOAD_MORE_BATCH_SIZE).then(() => {
this.addShowInFullSearchButton();

View File

@@ -5,7 +5,7 @@ import { useEffect, useMemo, useRef, useState, type CSSProperties } from "preact
import "./FormList.css";
import { CommandNames } from "../../components/app_context";
import { useStaticTooltip } from "./hooks";
import { handleRightToLeftPlacement, isMobile } from "../../services/utils";
import { isMobile } from "../../services/utils";
interface FormListOpts {
children: ComponentChildren;
@@ -22,7 +22,7 @@ export default function FormList({ children, onSelect, style, fullHeight }: Form
if (!triggerRef.current || !wrapperRef.current) {
return;
}
const $wrapperRef = $(wrapperRef.current);
const dropdown = BootstrapDropdown.getOrCreateInstance(triggerRef.current);
$wrapperRef.on("hide.bs.dropdown", (e) => e.preventDefault());
@@ -93,8 +93,8 @@ interface FormListItemOpts {
}
const TOOLTIP_CONFIG: Partial<Tooltip.Options> = {
placement: handleRightToLeftPlacement("right"),
fallbackPlacements: [ handleRightToLeftPlacement("right") ]
placement: "right",
fallbackPlacements: [ "right" ]
}
export function FormListItem({ className, icon, value, title, active, disabled, checked, container, onClick, selected, rtl, triggerCommand, description, ...contentProps }: FormListItemOpts) {
@@ -178,4 +178,4 @@ export function FormDropdownSubmenu({ icon, title, children }: { icon: string, t
</ul>
</li>
)
}
}

View File

@@ -18,7 +18,7 @@
.switch-widget .switch-button {
display: block;
position: relative;
margin-inline-start: 8px;
margin-left: 8px;
width: var(--switch-track-width);
height: var(--switch-track-height);
border-radius: 24px;
@@ -40,7 +40,7 @@
content: "";
position: absolute;
top: 0;
inset-inline-start: 0;
left: 0;
width: var(--switch-thumb-width);
height: var(--switch-thumb-height);
background-color: var(--switch-off-thumb-background);
@@ -50,10 +50,6 @@
background 200ms ease-out;
}
body[dir=rtl] .switch-widget .switch-button:after {
--x: calc(var(--y) * -1);
}
.switch-widget .switch-button.on:after {
--x: calc(var(--switch-track-width) - var(--switch-thumb-width) - var(--y));
@@ -62,16 +58,12 @@ body[dir=rtl] .switch-widget .switch-button:after {
background 100ms ease-in;
}
body[dir=rtl] .switch-widget .switch-button.on:after {
--x: calc((var(--switch-track-width) - var(--switch-thumb-width) - var(--y)) * -1);
}
.switch-widget .switch-button input[type="checkbox"] {
/* A hidden check box for accesibility purposes */
position: absolute;
top: 0;
inset-inline-start: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
@@ -94,7 +86,7 @@ body[dir=rtl] .switch-widget .switch-button.on:after {
.switch-widget .switch-help-button {
border: 0;
margin-inline-start: 4px;
margin-left: 4px;
background: none;
cursor: pointer;
font-size: 1.1em;

View File

@@ -353,7 +353,7 @@ function NoteLanguageSwitch({ note }: { note?: FNote | null }) {
>{t("note_language.configure-languages")}</FormListItem>
</Dropdown>
<HelpButton helpPage="B0lcI9xz1r8K" style={{ marginInlineStart: "4px" }} />
<HelpButton helpPage="B0lcI9xz1r8K" style={{ marginLeft: "4px" }} />
<Modal
className="content-languages-modal"

View File

@@ -263,7 +263,7 @@ function AncestorOption({ note, ...restProps}: SearchOptionProps) {
placeholder={t("ancestor.placeholder")}
/>
<div style="margin-inline-start: 10px; margin-inline-end: 10px">{t("ancestor.depth_label")}:</div>
<div style="margin-left: 10px; margin-right: 10px">{t("ancestor.depth_label")}:</div>
<FormSelect
values={options}
keyProperty="value" titleProperty="label"

View File

@@ -4,7 +4,7 @@ import { t } from "../../../services/i18n";
import server from "../../../services/server";
import note_autocomplete, { Suggestion } from "../../../services/note_autocomplete";
import CKEditor, { CKEditorApi } from "../../react/CKEditor";
import { useLegacyImperativeHandlers, useLegacyWidget, useTooltip, useTriliumEvent, useTriliumOption } from "../../react/hooks";
import { useLegacyImperativeHandlers, useLegacyWidget, useTooltip, useTriliumEvent } from "../../react/hooks";
import FAttribute from "../../../entities/fattribute";
import attribute_renderer from "../../../services/attribute_renderer";
import FNote from "../../../entities/fnote";
@@ -100,7 +100,6 @@ export default function AttributeEditor({ api, note, componentId, notePath, ntxI
const currentValueRef = useRef(currentValue);
const wrapperRef = useRef<HTMLDivElement>(null);
const editorRef = useRef<CKEditorApi>();
const [ locale ] = useTriliumOption("locale");
const { showTooltip, hideTooltip } = useTooltip(wrapperRef, {
trigger: "focus",
@@ -309,8 +308,7 @@ export default function AttributeEditor({ api, note, componentId, notePath, ntxI
toolbar: { items: [] },
placeholder: t("attribute_editor.placeholder"),
mention: { feeds: mentionSetup },
licenseKey: "GPL",
language: "en"
licenseKey: "GPL"
}}
onChange={(currentValue) => {
currentValueRef.current = currentValue ?? "";

View File

@@ -11,7 +11,7 @@
display: flex;
flex-direction: row;
justify-content: center;
margin-inline-start: 10px;
margin-left: 10px;
flex-grow: 1;
flex-flow: row wrap;
}
@@ -49,7 +49,7 @@
}
.ribbon-tab-title:first-of-type {
padding-inline-start: 10px;
padding-left: 10px;
}
.ribbon-tab-spacer {
@@ -70,19 +70,19 @@
.ribbon-button-container {
display: flex;
border-bottom: 1px solid var(--main-border-color);
margin-inline-end: 5px;
margin-right: 5px;
}
.ribbon-button-container > * {
position: relative;
top: -3px;
margin-inline-start: 10px;
margin-left: 10px;
}
.ribbon-body {
border-bottom: 1px solid var(--main-border-color);
margin-inline-start: 10px;
margin-inline-end: 5px; /* needs to have this value so that the bottom border is the same width as the top one */
margin-left: 10px;
margin-right: 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-inline-end: 30px;
margin-right: 30px;
}
.note-type-container,
@@ -262,7 +262,7 @@
.note-map-ribbon-widget .open-full-button, .note-map-ribbon-widget .collapse-button {
position: absolute;
inset-inline-end: 5px;
right: 5px;
bottom: 5px;
z-index: 1000;
}
@@ -285,11 +285,6 @@
transition: opacity .1s linear;
}
body[dir=rtl] .attribute-list-editor {
padding: 0 5px 0 100px !important;
text-align: right !important;
}
.attribute-list-editor.ck-content .mention {
color: var(--muted-text-color) !important;
background: transparent !important;
@@ -299,7 +294,7 @@ body[dir=rtl] .attribute-list-editor {
display: flex;
position: absolute;
top: 0;
inset-inline-end: 0;
right: 0;
bottom: 0;
align-items: center;
gap: 10px;
@@ -313,8 +308,8 @@ body[dir=rtl] .attribute-list-editor {
/* #region Owned Attributes */
.attribute-list {
margin-inline-start: 7px;
margin-inline-end: 7px;
margin-left: 7px;
margin-right: 7px;
margin-top: 5px;
margin-bottom: 2px;
position: relative;
@@ -364,7 +359,7 @@ body[dir=rtl] .attribute-list-editor {
}
.book-properties-widget input[type="checkbox"] {
margin-inline-end: 5px;
margin-right: 5px;
}
.book-properties-widget label {
@@ -399,7 +394,7 @@ body[dir=rtl] .attribute-list-editor {
/* minimal width so that table remains static sized and most space remains for middle column with settings */
width: 50px;
white-space: nowrap;
text-align: end;
text-align: right;
vertical-align: middle;
}
@@ -451,7 +446,7 @@ body[dir=rtl] .attribute-list-editor {
position: relative;
top: 3px;
font-size: 120%;
margin-inline-end: 5px;
margin-right: 5px;
}
.note-actions .dropdown-item[disabled], .note-actions .dropdown-item[disabled]:hover {

View File

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

View File

@@ -3,7 +3,7 @@ import BasicWidget from "./basic_widget.js";
import ws from "../services/ws.js";
import options from "../services/options.js";
import syncService from "../services/sync.js";
import { escapeQuotes, handleRightToLeftPlacement } from "../services/utils.js";
import { escapeQuotes } from "../services/utils.js";
import { Tooltip } from "bootstrap";
import { WebSocketMessage } from "@triliumnext/commons";
@@ -27,7 +27,7 @@ const TPL = /*html*/`
.sync-status .sync-status-sub-icon {
font-size: 40%;
position: absolute;
inset-inline-start: 0;
left: 0;
top: 16px;
}
@@ -109,8 +109,8 @@ export default class SyncStatusWidget extends BasicWidget {
Tooltip.getOrCreateInstance(this.$widget.find(`.sync-status-${className}`)[0], {
html: true,
placement: handleRightToLeftPlacement(this.settings.titlePlacement),
fallbackPlacements: [ handleRightToLeftPlacement(this.settings.titlePlacement) ]
placement: this.settings.titlePlacement,
fallbackPlacements: [this.settings.titlePlacement]
});
this.$widget.show();

View File

@@ -155,8 +155,8 @@ const TAB_ROW_TPL = `
}
.tab-row-widget .note-tab[is-mini] .note-tab-wrapper {
padding-inline-start: 2px;
padding-inline-end: 2px;
padding-left: 2px;
padding-right: 2px;
}
.tab-row-widget .note-tab .note-tab-title {
@@ -168,11 +168,11 @@ const TAB_ROW_TPL = `
.tab-row-widget .note-tab .note-tab-icon {
position: relative;
padding-inline-end: 3px;
padding-right: 3px;
}
.tab-row-widget .note-tab[is-small] .note-tab-title {
margin-inline-start: 0;
margin-left: 0;
}
.tab-row-widget .note-tab .note-tab-drag-handle {
@@ -240,14 +240,14 @@ const TAB_ROW_TPL = `
}
.tab-row-widget .note-tab[is-smaller] .note-tab-close {
margin-inline-start: auto;
margin-left: auto;
}
.tab-row-widget .note-tab[is-mini]:not([active]) .note-tab-close {
display: none;
}
.tab-row-widget .note-tab[is-mini][active] .note-tab-close {
margin-inline-start: auto;
margin-inline-end: auto;
margin-left: auto;
margin-right: auto;
}
@-moz-keyframes note-tab-was-just-added {
to {
@@ -500,9 +500,6 @@ export default class TabRowWidget extends BasicWidget {
position -= MARGIN_WIDTH; // the last margin should not be applied
const anchorPosition = position;
if (glob.isRtl) {
tabPositions.reverse();
}
return { tabPositions, anchorPosition };
}

View File

@@ -29,13 +29,13 @@ const TPL = /*html*/`<div class="toc-widget">
contain: none;
overflow: auto;
position: relative;
padding-inline-start:0px !important;
padding-left:0px !important;
}
.toc ol {
position: relative;
overflow: hidden;
padding-inline-start: 0px;
padding-left: 0px;
transition: max-height 0.3s ease;
}
@@ -47,7 +47,7 @@ const TPL = /*html*/`<div class="toc-widget">
content: "";
position: absolute;
height: 100%;
border-inline-start: 1px solid var(--main-border-color);
border-left: 1px solid var(--main-border-color);
z-index: 10;
}
@@ -56,7 +56,7 @@ const TPL = /*html*/`<div class="toc-widget">
position: relative;
list-style: none;
align-items: center;
padding-inline-start: 7px;
padding-left: 7px;
cursor: pointer;
text-align: justify;
word-wrap: break-word;
@@ -80,11 +80,11 @@ const TPL = /*html*/`<div class="toc-widget">
}
.toc > ol ol::before {
inset-inline-start: calc((var(--toc-depth-level) - 2) * 20px + 14px);
left: calc((var(--toc-depth-level) - 2) * 20px + 14px);
}
.toc li {
padding-inline-start: calc((var(--toc-depth-level) - 1) * 20px + 4px);
padding-left: calc((var(--toc-depth-level) - 1) * 20px + 4px);
}
.toc li .collapse-button {
@@ -103,12 +103,12 @@ const TPL = /*html*/`<div class="toc-widget">
}
.toc li .item-content {
margin-inline-start: 25px;
margin-left: 25px;
flex: 1;
}
.toc li .collapse-button + .item-content {
margin-inline-start: 4px;
margin-left: 4px;
}
.toc li:hover {

View File

@@ -63,7 +63,7 @@ const TPL = /*html*/`\
/* Horizontal layout */
.note-detail-split.split-horizontal > .note-detail-split-preview-col {
border-inline-start: 1px solid var(--main-border-color);
border-left: 1px solid var(--main-border-color);
}
.note-detail-split.split-horizontal > .note-detail-split-editor-col,

View File

@@ -11,8 +11,8 @@ const TPL = /*html*/`
<div class="attachment-detail note-detail-printable">
<style>
.attachment-detail {
padding-inline-start: 15px;
padding-inline-end: 15px;
padding-left: 15px;
padding-right: 15px;
height: 100%;
display: flex;
flex-direction: column;

View File

@@ -9,8 +9,8 @@ const TPL = /*html*/`
<div class="attachment-list note-detail-printable">
<style>
.attachment-list {
padding-inline-start: 15px;
padding-inline-end: 15px;
padding-left: 15px;
padding-right: 15px;
}
.attachment-list .links-wrapper {

View File

@@ -1,4 +1,5 @@
import { ALLOWED_PROTOCOLS, MIME_TYPE_AUTO } from "@triliumnext/commons";
import { ALLOWED_PROTOCOLS } from "../../../services/link.js";
import { MIME_TYPE_AUTO } from "@triliumnext/commons";
import { buildExtraCommands, type EditorConfig, PREMIUM_PLUGINS } from "@triliumnext/ckeditor5";
import { getHighlightJsNameForMime } from "../../../services/mime_types.js";
import options from "../../../services/options.js";

View File

@@ -12,16 +12,16 @@
#root-widget.virtual-keyboard-opened .classic-toolbar-outer-container.ios {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
left: 0;
right: 0;
bottom: 0;
}
.classic-toolbar-widget {
position: absolute;
bottom: 0;
inset-inline-start: 0;
inset-inline-end: 0;
left: 0;
right: 0;
height: 38px;
overflow: scroll;
display: flex;

View File

@@ -21,7 +21,7 @@ const TPL = /*html*/`
<style>
.note-detail-editable-text {
font-family: var(--detail-font-family);
padding-inline-start: 14px;
padding-left: 14px;
padding-top: 10px;
height: 100%;
}
@@ -32,7 +32,7 @@ const TPL = /*html*/`
}
body.mobile .note-detail-editable-text {
padding-inline-start: 4px;
padding-left: 4px;
}
.note-detail-editable-text a:hover {

View File

@@ -29,7 +29,7 @@ const TPL = /*html*/`
.map-container .node-menu {
position: absolute;
top: 60px;
inset-inline-end: 20px;
right: 20px;
bottom: 80px;
overflow: auto;
background: var(--panel-bgcolor);

View File

@@ -2,7 +2,7 @@
.options-mime-types {
list-style-type: none;
column-width: 250px;
padding-inline-start: 0;
padding-left: 0;
}
.options-mime-types > section {
@@ -11,6 +11,6 @@
}
.options-mime-types ul {
padding-inline-start: 0;
padding-left: 0;
}
/* #endregion */

View File

@@ -23,18 +23,11 @@ export default function InternationalizationOptions() {
}
function LocalizationOptions() {
const { uiLocales, formattingLocales: contentLocales } = useMemo<{ uiLocales: Locale[], formattingLocales: Locale[] }>(() => {
const allLocales = getAvailableLocales();
const { uiLocales, formattingLocales: contentLocales } = useMemo(() => {
const allLocales = getAvailableLocales();
return {
uiLocales: allLocales.filter(locale => {
if (locale.contentOnly) return false;
if (locale.devOnly && !glob.isDev) return false;
return true;
}),
formattingLocales: [
{ id: "", name: t("i18n.formatting-locale-auto") },
...allLocales.filter(locale => locale.electronLocale)
]
uiLocales: allLocales.filter(locale => !locale.contentOnly),
formattingLocales: allLocales.filter(locale => locale.electronLocale),
}
}, []);
@@ -47,7 +40,7 @@ function LocalizationOptions() {
<LocaleSelector locales={uiLocales} currentValue={locale} onChange={setLocale} />
</OptionsRow>
{<OptionsRow name="formatting-locale" label={t("i18n.formatting-locale")}>
{isElectron() && <OptionsRow name="formatting-locale" label={t("i18n.formatting-locale")}>
<LocaleSelector locales={contentLocales} currentValue={formattingLocale} onChange={setFormattingLocale} />
</OptionsRow>}
@@ -60,7 +53,7 @@ function LocaleSelector({ id, locales, currentValue, onChange }: { id?: string;
return <FormSelect
id={id}
values={locales}
keyProperty="id" titleProperty="name"
keyProperty="id" titleProperty="name"
currentValue={currentValue} onChange={onChange}
/>;
}
@@ -73,23 +66,15 @@ function DateSettings() {
return (
<>
<OptionsRow name="first-day-of-week" label={t("i18n.first-day-of-the-week")}>
<FormSelect
<FormInlineRadioGroup
name="first-day-of-week"
currentValue={firstDayOfWeek}
onChange={setFirstDayOfWeek}
keyProperty="value"
titleProperty="label"
values={[
{ value: "1", label: t("i18n.monday") },
{ value: "2", label: t("i18n.tuesday") },
{ value: "3", label: t("i18n.wednesday") },
{ value: "4", label: t("i18n.thursday") },
{ value: "5", label: t("i18n.friday") },
{ value: "6", label: t("i18n.saturday") },
{ value: "7", label: t("i18n.sunday") },
{ value: "0", label: t("i18n.sunday") },
{ value: "1", label: t("i18n.monday") }
]}
currentValue={firstDayOfWeek} onChange={setFirstDayOfWeek}
/>
</OptionsRow>
</OptionsRow>
<OptionsRow name="first-week-of-year" label={t("i18n.first-week-of-the-year")}>
<FormRadioGroup
@@ -108,7 +93,7 @@ function DateSettings() {
keyProperty="days"
currentValue={minDaysInFirstWeek} onChange={setMinDaysInFirstWeek}
values={Array.from(
{ length: 7 },
{ length: 7 },
(_, i) => ({ days: String(i + 1) }))} />
</OptionsRow>}
@@ -154,4 +139,4 @@ export function ContentLanguagesList() {
columnWidth="300px"
/>
);
}
}

View File

@@ -62,7 +62,7 @@ function FormattingToolbar() {
name="multiline-toolbar"
label={t("editing.editor_type.multiline-toolbar")}
currentValue={textNoteEditorMultilineToolbar} onChange={setTextNoteEditorMultilineToolbar}
containerStyle={{ marginInlineStart: "1em" }}
containerStyle={{ marginLeft: "1em" }}
/>
</OptionsSection>
)

View File

@@ -41,7 +41,7 @@ const TPL = /*html*/`
}
body.mobile .note-detail-readonly-text {
padding-inline-start: 10px;
padding-left: 10px;
}
.note-detail-readonly-text p:first-child, .note-detail-readonly-text::before {
@@ -56,7 +56,7 @@ const TPL = /*html*/`
.edit-text-note-button {
position: absolute;
top: 5px;
inset-inline-end: 10px;
right: 10px;
font-size: 150%;
padding: 5px;
cursor: pointer;

View File

@@ -90,10 +90,6 @@ const config: ForgeConfig = {
base: "org.electronjs.Electron2.BaseApp",
baseVersion: "24.08",
baseFlatpakref: "https://flathub.org/repo/flathub.flatpakrepo",
finishArgs: [
"--socket=fallback-x11",
"--socket=wayland"
],
modules: [
{
name: "zypak",

Some files were not shown because too many files have changed in this diff Show More