From a6682be251df2a39eca6674661b2a924786f5f0f Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 8 Dec 2025 14:21:59 +0200
Subject: [PATCH] fix(webview): layout issues when when no webviewSrc

---
 apps/client/src/widgets/type_widgets/WebView.css | 11 +++++++++--
 apps/client/src/widgets/type_widgets/WebView.tsx |  2 +-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/apps/client/src/widgets/type_widgets/WebView.css b/apps/client/src/widgets/type_widgets/WebView.css
index 3978a86fc..42ac871cf 100644
--- a/apps/client/src/widgets/type_widgets/WebView.css
+++ b/apps/client/src/widgets/type_widgets/WebView.css
@@ -1,11 +1,18 @@
 .note-detail-web-view {
     height: 100%;
     position: relative;
+    overflow: hidden;
 }
 
-.note-detail-web-view > * {
+.note-detail-web-view .note-detail-web-view-help {
+    margin: 50px;
+    padding: 20px 20px 0 20px;
+}
+
+.note-detail-web-view > iframe,
+.note-detail-web-view > webview {
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
-}
\ No newline at end of file
+}
diff --git a/apps/client/src/widgets/type_widgets/WebView.tsx b/apps/client/src/widgets/type_widgets/WebView.tsx
index 15dd2da62..c91634b02 100644
--- a/apps/client/src/widgets/type_widgets/WebView.tsx
+++ b/apps/client/src/widgets/type_widgets/WebView.tsx
@@ -26,7 +26,7 @@ function WebViewContent({ src }: { src: string }) {
 
 function WebViewHelp() {
     return (
-        <Alert className="note-detail-web-view-help" type="warning" style={{ margin: "50px", padding: "20px 20px 0px 20px;" }}>
+        <Alert className="note-detail-web-view-help" type="warning">
             <h4>{t("web_view.web_view")}</h4>
             <p>{t("web_view.embed_websites")}</p>
             <p>{t("web_view.create_label")}</p>