gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-03-01 01:53:38 +01:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

style/pdf viewer: tweak the find bar

Browse Source
This commit is contained in:
Adorian Doran 2026-02-28 07:38:49 +02:00
parent d56f106964
commit 08e69d405c
2 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/client/src/widgets/type_widgets/file/PdfViewer.tsx
View File

@ -30,7 +30,9 @@ const VARIABLE_WHITELIST = new Set([
"menu-item-icon-color",
"input-focus-outline-color",
"input-background-color",
"input-text-color"
"input-text-color",
"ck-editor-toolbar-button-on-background",
"ck-editor-toolbar-button-on-color",
]);
interface PdfViewerProps extends Pick<HTMLAttributes<HTMLIFrameElement>, "tabIndex"> {

22
packages/pdfjs-viewer/src/custom.css
View File

@ -33,7 +33,8 @@
#documentPropertiesDialog,
#findbar.doorHanger,
.doorHangerRight,
#printServiceDialog {
#printServiceDialog,
:root :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar {
border: 1px solid var(--tn-dropdown-border-color);
border-radius: var(--tn-dropdown-border-radius);
background-color: var(--tn-menu-background-color);
@ -85,7 +86,24 @@
}
}
#findbar {
:root #findbar {
--toolbar-height: 40px;
padding: 0 4px;
.toggleButton.toolbarLabel,
.toolbarButton {
height: calc(var(--toolbar-height) - 12px);
padding-inline: 10px;
border-radius: 6px;
aspect-ratio: unset;
}
.toggleButton.toolbarLabel {
--main-color: var(--tn-ck-color-text);
--button-hover-color: var(--tn-hover-item-background-color);
--toggled-btn-bg-color: var(--tn-ck-editor-toolbar-button-on-background);
--toggled-btn-color: var(--tn-ck-editor-toolbar-button-on-color);
}
}
#scaleSelectContainer {