From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from firstgate.proxmox.com (firstgate.proxmox.com [212.224.123.68]) by lore.proxmox.com (Postfix) with ESMTPS id 4A5FD1FF136 for ; Mon, 04 May 2026 16:39:51 +0200 (CEST) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id 2DB372603D; Mon, 4 May 2026 16:39:51 +0200 (CEST) From: Shannon Sterz To: yew-devel@lists.proxmox.com Subject: [PATCH yew-widget-toolkit-assets 1/3] dropdown: add class for dropup mode Date: Mon, 4 May 2026 16:39:09 +0200 Message-ID: <20260504143911.288747-2-s.sterz@proxmox.com> X-Mailer: git-send-email 2.47.3 In-Reply-To: <20260504143911.288747-1-s.sterz@proxmox.com> References: <20260504143911.288747-1-s.sterz@proxmox.com> MIME-Version: 1.0 Content-Transfer-Encoding: 8bit X-Bm-Milter-Handled: 55990f41-d878-4baa-be0a-ee34c49e34d2 X-Bm-Transport-Timestamp: 1777905450400 X-SPAM-LEVEL: Spam detection results: 0 AWL 0.119 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 SPF_HELO_NONE 0.001 SPF: HELO does not publish an SPF Record SPF_PASS -0.001 SPF: sender matches SPF record Message-ID-Hash: 3A263WAED5SYT7PR4SGT52HPYBRUQA6R X-Message-ID-Hash: 3A263WAED5SYT7PR4SGT52HPYBRUQA6R X-MailFrom: s.sterz@proxmox.com X-Mailman-Rule-Misses: dmarc-mitigation; no-senders; approved; loop; banned-address; emergency; member-moderation; nonmember-moderation; administrivia; implicit-dest; max-recipients; max-size; news-moderation; no-subject; digests; suspicious-header X-Mailman-Version: 3.3.10 Precedence: list List-Id: Yew framework devel list at Proxmox List-Help: List-Owner: List-Post: List-Subscribe: List-Unsubscribe: a dropup is a dropdown that is rendered above the corresponding input element. in such scenarios reversing the column flex direction is desirable for better ux. for example, if a `Combobox` specifies a filter, this would now render the filter box closer to the dropdown's input element instead of on top of the dropdown list. this is part of the fix outlined in [1] and makes dropdowns more adaptive respective to how they can be rendered. the `!important` is needed to override `.pwt-flex-direction-column` as it also uses `!important` already. [1]: https://git.proxmox.com/?p=proxmox-datacenter-manager.git;a=commit;f=ui/css/desktop-yew-style.scss;h=dafa21a3 Signed-off-by: Shannon Sterz --- Notes: this came up in peat which now also has a couple of really long comboboxes. affecting ux detrimentally. so move the stop-gap here to at least have a consistent experience. scss/_dropdown.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss index 671b872..ca113e2 100644 --- a/scss/_dropdown.scss +++ b/scss/_dropdown.scss @@ -15,3 +15,7 @@ .pwt-dropdown[data-show] { display: flex; } + +.pwt-dropup > .pwt-flex-direction-column { + flex-direction: column-reverse !important; +} -- 2.47.3