From 7018c9f6b73e422cee4dc7abbd31c6e42f837ec0 Mon Sep 17 00:00:00 2001 From: Gusted Date: Wed, 15 Jun 2022 17:25:15 +0200 Subject: [PATCH] Don't prevent overflow on y-as - Fomantic tries to prevent overflowing on the `y/x`-as by default on stackable menu's on mobile screens. We already solve this issue by forcing overflow on x as and hide it on y as(due to some issues with other menu's), since https://github.com/go-gitea/gitea/pull/19486. - However this edge case does require a y-overflow to show the dropdown, because you cannot easily adjust this with CSS, once you're fiddling with overflow's (https://stackoverflow.com/a/6433475). However interesting behavior is noted https://css-tricks.com/popping-hidden-overflow/ when you remove the position: relative, it will suddenly work again. Well because this is the only solution without redesigning dropdowns, I think we can live with the side-effect of the dropdown items being full-width instead "relative" width to their parent. - Resolves #19976 --- web_src/less/_base.less | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/web_src/less/_base.less b/web_src/less/_base.less index bd5754c1e3502..78f32956efce1 100644 --- a/web_src/less/_base.less +++ b/web_src/less/_base.less @@ -2200,5 +2200,9 @@ table th[data-sortt-desc] { .item { width: initial !important; } + + > .dropdown.item { + position: initial; + } } }