gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-20 07:08:55 +02:00
Code Issues Actions 19 Packages Projects Releases Wiki Activity

Automatically resize webview (#7125)

Browse Source
This commit is contained in:
Elian Doran 2025-09-29 10:48:47 +03:00 committed by GitHub
commit 53b9ce0f3d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
apps/client/src/widgets/type_widgets/web_view.ts
View File

@ -7,6 +7,12 @@ import utils from "../../services/utils.js";
const TPL = /*html*/` const TPL = /*html*/`
<div class="note-detail-web-view note-detail-printable" style="height: 100%"> <div class="note-detail-web-view note-detail-printable" style="height: 100%">
<style>
.note-detail-web-view-content {
height: 100%;
width: 100%;
}
</style>
<div class="note-detail-web-view-help alert alert-warning" style="margin: 50px; padding: 20px 20px 0px 20px;"> <div class="note-detail-web-view-help alert alert-warning" style="margin: 50px; padding: 20px 20px 0px 20px;">
<h4>${t("web_view.web_view")}</h4> <h4>${t("web_view.web_view")}</h4>
@ -40,8 +46,6 @@ export default class WebViewTypeWidget extends TypeWidget {
this.$noteDetailWebViewHelp = this.$widget.find(".note-detail-web-view-help"); this.$noteDetailWebViewHelp = this.$widget.find(".note-detail-web-view-help");
this.$noteDetailWebViewContent = this.$widget.find(".note-detail-web-view-content"); this.$noteDetailWebViewContent = this.$widget.find(".note-detail-web-view-content");
window.addEventListener("resize", () => this.setDimensions(), false);
super.doRender(); super.doRender();
} }
@ -62,24 +66,12 @@ export default class WebViewTypeWidget extends TypeWidget {
this.$noteDetailWebViewContent.hide(); this.$noteDetailWebViewContent.hide();
this.$noteDetailWebViewHelp.show(); this.$noteDetailWebViewHelp.show();
} }
this.setDimensions();
setTimeout(() => this.setDimensions(), 1000);
} }
cleanup() { cleanup() {
this.$noteDetailWebViewContent.removeAttr("src"); this.$noteDetailWebViewContent.removeAttr("src");
} }
setDimensions() {
const $parent = this.$widget;
this.$noteDetailWebViewContent
.height($parent.height() ?? 0)
.width($parent.width() ?? 0);
}
entitiesReloadedEvent({ loadResults }: EventData<"entitiesReloaded">) { entitiesReloadedEvent({ loadResults }: EventData<"entitiesReloaded">) {
if (loadResults.getAttributeRows().find((attr) => attr.name === "webViewSrc" && attributeService.isAffecting(attr, this.noteContext?.note))) { if (loadResults.getAttributeRows().find((attr) => attr.name === "webViewSrc" && attributeService.isAffecting(attr, this.noteContext?.note))) {
this.refresh(); this.refresh();