From 33d65c19dd2be9b70a73dbfb4dd32bfcb1a902b4 Mon Sep 17 00:00:00 2001 From: John BOTELLA <68917336+thersane-john@users.noreply.github.com> Date: Wed, 19 Nov 2025 12:40:52 +0100 Subject: [PATCH] Fix css login page patch 02 (#36320) * fix css login page patch 01 * fix css login page patch 02 * fix css login page patch 02 --------- Co-authored-by: Laurent Destailleur --- htdocs/public/webportal/css/login.css | 2 +- htdocs/public/webportal/css/pico.css.php | 5 +++-- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/htdocs/public/webportal/css/login.css b/htdocs/public/webportal/css/login.css index 2c862812779..5de421965c4 100644 --- a/htdocs/public/webportal/css/login.css +++ b/htdocs/public/webportal/css/login.css @@ -25,7 +25,7 @@ body.login-page { backdrop-filter: blur(10px) ; position: relative; - height: 600px; + min-height: 600px; width: 500px; overflow: hidden; box-shadow: 0px 0px 24px hsl(var(--primary-color-hue), var(--primary-color-saturation), 30%,0.4); diff --git a/htdocs/public/webportal/css/pico.css.php b/htdocs/public/webportal/css/pico.css.php index 8a19eb8c66c..608d3d8ba16 100644 --- a/htdocs/public/webportal/css/pico.css.php +++ b/htdocs/public/webportal/css/pico.css.php @@ -307,6 +307,7 @@ kbd { --muted-color: hsl(205, 10%, 50%); --muted-border-color: hsl(205, 20%, 94%); + --outline-button-background: var(--background-color); --banner-background : #ededed; --primary-color-hue : primaryColorHsl['h']; /* TODO : WHY ?? this is already in custom.css.php */ ?>; --primary-color-saturation : primaryColorHsl['s']; /* TODO : WHY ?? this is already in custom.css.php */ ?>%; @@ -1145,12 +1146,12 @@ input[type=reset]:focus { :is(button, input[type=submit], input[type=button], [role=button]).outline, input[type=reset].outline { - --background-color: transparent; + --background-color: var(--outline-button-background); --color: var(--primary); } :is(button, input[type=submit], input[type=button], [role=button]).outline:is([aria-current], :hover, :active, :focus), input[type=reset].outline:is([aria-current], :hover, :active, :focus) { - --background-color: transparent; + --background-color: var(--outline-button-background); --color: var(--primary-hover); }