From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from firstgate.proxmox.com (firstgate.proxmox.com [IPv6:2a01:7e0:0:424::9]) by lore.proxmox.com (Postfix) with ESMTPS id BE55C1FF15C for ; Fri, 27 Jun 2025 11:30:29 +0200 (CEST) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id CB02B10DBE; Fri, 27 Jun 2025 11:31:05 +0200 (CEST) From: Dominik Csapak To: yew-devel@lists.proxmox.com Date: Fri, 27 Jun 2025 11:30:32 +0200 Message-Id: <20250627093032.1744586-1-d.csapak@proxmox.com> X-Mailer: git-send-email 2.39.5 MIME-Version: 1.0 X-SPAM-LEVEL: Spam detection results: 0 AWL 0.022 Adjusted score from AWL reputation of From: address BAYES_00 -1.9 Bayes spam probability is 0 to 1% DMARC_MISSING 0.1 Missing DMARC policy KAM_DMARC_STATUS 0.01 Test Rule for DKIM or SPF Failure with Strict Alignment RCVD_IN_VALIDITY_CERTIFIED_BLOCKED 0.001 ADMINISTRATOR NOTICE: The query to Validity was blocked. See https://knowledge.validity.com/hc/en-us/articles/20961730681243 for more information. RCVD_IN_VALIDITY_RPBL_BLOCKED 0.001 ADMINISTRATOR NOTICE: The query to Validity was blocked. See https://knowledge.validity.com/hc/en-us/articles/20961730681243 for more information. RCVD_IN_VALIDITY_SAFE_BLOCKED 0.001 ADMINISTRATOR NOTICE: The query to Validity was blocked. See https://knowledge.validity.com/hc/en-us/articles/20961730681243 for more information. SPF_HELO_NONE 0.001 SPF: HELO does not publish an SPF Record SPF_PASS -0.001 SPF: sender matches SPF record Subject: [yew-devel] [PATCH proxmox-yew-widget-toolkit-assets] change vh/vw to dvh/dvw X-BeenThere: yew-devel@lists.proxmox.com X-Mailman-Version: 2.1.29 Precedence: list List-Id: Yew framework devel list at Proxmox List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Reply-To: Yew framework devel list at Proxmox Content-Type: text/plain; charset="us-ascii" Content-Transfer-Encoding: 7bit Errors-To: yew-devel-bounces@lists.proxmox.com Sender: "yew-devel" using 100vh/vw as the viewport height/width works most of the time, but on mobile this might be bigger than the viewable part, since the address bar sometimes is added to that size, even if visible. to always really show the visible part, use 'dvh/dvw' which are the 'dynamic viewport height/width' and always is the viewable part of the screen. Signed-off-by: Dominik Csapak --- scss/_dialog.scss | 4 ++-- scss/_dropdown.scss | 4 ++-- scss/_menu.scss | 4 ++-- scss/_utilities.scss | 4 ++-- 4 files changed, 8 insertions(+), 8 deletions(-) diff --git a/scss/_dialog.scss b/scss/_dialog.scss index 3474b77..cd9d533 100644 --- a/scss/_dialog.scss +++ b/scss/_dialog.scss @@ -138,8 +138,8 @@ dialog.pwt-outer-dialog { width: 100vw; max-width: 100vw; - height: 100vh; - max-height: 100vh; + height: 100dvh; + max-height: 100dvh; margin: 0px; padding: 0px; diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss index b07f2cc..671b872 100644 --- a/scss/_dropdown.scss +++ b/scss/_dropdown.scss @@ -6,8 +6,8 @@ @include elevation-box-shadow(1); - max-height: 100vh; - max-width: 100vw; + max-height: 100dvh; + max-width: 100dvw; /* make e.g. the header menu overflow visible */ overflow: visible; } diff --git a/scss/_menu.scss b/scss/_menu.scss index 1d35c9e..1f81a0f 100644 --- a/scss/_menu.scss +++ b/scss/_menu.scss @@ -10,8 +10,8 @@ @include elevation-box-shadow(2); - max-height: 100vh; - max-width: 100vw; + max-height: 100dvh; + max-width: 100dvw; .pwt-menu { overflow: hidden; diff --git a/scss/_utilities.scss b/scss/_utilities.scss index c658885..b52201c 100644 --- a/scss/_utilities.scss +++ b/scss/_utilities.scss @@ -188,8 +188,8 @@ $height-width-values: ( left: 0; position: absolute; display: flex !important; - width: 100vw !important; - height: 100vh !important; + width: 100dvw !important; + height: 100dvh !important; overflow: hidden !important; box-sizing: border-box; } -- 2.39.5 _______________________________________________ yew-devel mailing list yew-devel@lists.proxmox.com https://lists.proxmox.com/cgi-bin/mailman/listinfo/yew-devel