Some input fields interfere with the menu items and block their use. A z-index ensures that the menu is always rendered in the foreground.
Signed-off-by: Leo-Andres Hofmann hofmann@leo-andres.de --- html/html/themes/ipfire/include/css/style.css | 1 + 1 file changed, 1 insertion(+)
diff --git a/html/html/themes/ipfire/include/css/style.css b/html/html/themes/ipfire/include/css/style.css index 661773675..96d0519f5 100644 --- a/html/html/themes/ipfire/include/css/style.css +++ b/html/html/themes/ipfire/include/css/style.css @@ -258,6 +258,7 @@ input.text { #cssmenu .has-sub ul { display: none; position: absolute; + z-index: 1; }
#cssmenu .has-sub ul li a {
Reviewed-by: Peter Müller peter.mueller@ipfire.org
Some input fields interfere with the menu items and block their use. A z-index ensures that the menu is always rendered in the foreground.
Signed-off-by: Leo-Andres Hofmann hofmann@leo-andres.de
html/html/themes/ipfire/include/css/style.css | 1 + 1 file changed, 1 insertion(+)
diff --git a/html/html/themes/ipfire/include/css/style.css b/html/html/themes/ipfire/include/css/style.css index 661773675..96d0519f5 100644 --- a/html/html/themes/ipfire/include/css/style.css +++ b/html/html/themes/ipfire/include/css/style.css @@ -258,6 +258,7 @@ input.text { #cssmenu .has-sub ul { display: none; position: absolute;
- z-index: 1;
}
#cssmenu .has-sub ul li a {
Not sure if this fixes something I saw the other day and took a screenshot. The drop menu stays in the front BUT the last two items show the various addons.
Paul
On Tue, Feb 1, 2022 at 10:16 AM Peter Müller peter.mueller@ipfire.org wrote:
Reviewed-by: Peter Müller peter.mueller@ipfire.org
Some input fields interfere with the menu items and block their use. A z-index ensures that the menu is always rendered in the foreground.
Signed-off-by: Leo-Andres Hofmann hofmann@leo-andres.de
html/html/themes/ipfire/include/css/style.css | 1 + 1 file changed, 1 insertion(+)
diff --git a/html/html/themes/ipfire/include/css/style.css
b/html/html/themes/ipfire/include/css/style.css
index 661773675..96d0519f5 100644 --- a/html/html/themes/ipfire/include/css/style.css +++ b/html/html/themes/ipfire/include/css/style.css @@ -258,6 +258,7 @@ input.text { #cssmenu .has-sub ul { display: none; position: absolute;
z-index: 1;}
#cssmenu .has-sub ul li a {
Hi Paul, Yes, this patch is intended to fix exactly these problems. If you want to test it right away, you can apply this patch to your style.css in /srv/web/ipfire/html/themes/ipfire/include/css/. You may need to clear your browser cache after patching the CSS (CTRL + F5). @Peter thanks for your review! Regards Leo
Am 01.02.2022 um 18:22 schrieb paul kairis:
Not sure if this fixes something I saw the other day and took a screenshot. The drop menu stays in the front BUT the last two items show the various addons.
Paul
On Tue, Feb 1, 2022 at 10:16 AM Peter Müller peter.mueller@ipfire.org wrote:
Reviewed-by: Peter Müller <peter.mueller@ipfire.org> > Some input fields interfere with the menu items and block their use. > A z-index ensures that the menu is always rendered in the foreground. > > Signed-off-by: Leo-Andres Hofmann <hofmann@leo-andres.de> > --- > html/html/themes/ipfire/include/css/style.css | 1 + > 1 file changed, 1 insertion(+) > > diff --git a/html/html/themes/ipfire/include/css/style.css b/html/html/themes/ipfire/include/css/style.css > index 661773675..96d0519f5 100644 > --- a/html/html/themes/ipfire/include/css/style.css > +++ b/html/html/themes/ipfire/include/css/style.css > @@ -258,6 +258,7 @@ input.text { > #cssmenu .has-sub ul { > display: none; > position: absolute; > + z-index: 1; > } > > #cssmenu .has-sub ul li a {
Added z-index: 1; and refreshed, it works!
Thanks Leo
On Tue, Feb 1, 2022 at 12:33 PM Leo Hofmann hofmann@leo-andres.de wrote:
Hi Paul, Yes, this patch is intended to fix exactly these problems. If you want to test it right away, you can apply this patch to your style.css in /srv/web/ipfire/html/themes/ipfire/include/css/. You may need to clear your browser cache after patching the CSS (CTRL + F5). @Peter thanks for your review! Regards Leo Am 01.02.2022 um 18:22 schrieb paul kairis:
Not sure if this fixes something I saw the other day and took a screenshot. The drop menu stays in the front BUT the last two items show the various addons.
Paul
On Tue, Feb 1, 2022 at 10:16 AM Peter Müller peter.mueller@ipfire.org wrote:
Reviewed-by: Peter Müller peter.mueller@ipfire.org
Some input fields interfere with the menu items and block their use. A z-index ensures that the menu is always rendered in the foreground.
Signed-off-by: Leo-Andres Hofmann hofmann@leo-andres.de
html/html/themes/ipfire/include/css/style.css | 1 + 1 file changed, 1 insertion(+)
diff --git a/html/html/themes/ipfire/include/css/style.css
b/html/html/themes/ipfire/include/css/style.css
index 661773675..96d0519f5 100644 --- a/html/html/themes/ipfire/include/css/style.css +++ b/html/html/themes/ipfire/include/css/style.css @@ -258,6 +258,7 @@ input.text { #cssmenu .has-sub ul { display: none; position: absolute;
z-index: 1;}
#cssmenu .has-sub ul li a {
-
Leo Hofmann -
Leo-Andres Hofmann
-
paul kairis -
Peter Müller