fix: preserve home logo scale after admin navigation
This commit is contained in:
@@ -63,7 +63,7 @@ a {
|
|||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loader .brand-mark.brand-mark-lg {
|
.app-shell .loader .brand-mark.brand-mark-lg {
|
||||||
width: calc(4.125rem * var(--home-logo-scale, 1));
|
width: calc(4.125rem * var(--home-logo-scale, 1));
|
||||||
height: calc(4.125rem * var(--home-logo-scale, 1));
|
height: calc(4.125rem * var(--home-logo-scale, 1));
|
||||||
font-size: calc(2.875rem * var(--home-logo-scale, 1));
|
font-size: calc(2.875rem * var(--home-logo-scale, 1));
|
||||||
@@ -1763,13 +1763,13 @@ a {
|
|||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.home-brand .brand-mark.brand-mark-xl {
|
.app-shell .home-brand .brand-mark.brand-mark-xl {
|
||||||
width: calc(6rem * var(--home-logo-scale, 1));
|
width: calc(6rem * var(--home-logo-scale, 1));
|
||||||
height: calc(6rem * var(--home-logo-scale, 1));
|
height: calc(6rem * var(--home-logo-scale, 1));
|
||||||
font-size: calc(4.375rem * var(--home-logo-scale, 1));
|
font-size: calc(4.375rem * var(--home-logo-scale, 1));
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-brand-auth .brand-mark.brand-mark-xl {
|
.app-shell .login-brand-auth .brand-mark.brand-mark-xl {
|
||||||
width: calc(116px * var(--home-logo-scale, 1));
|
width: calc(116px * var(--home-logo-scale, 1));
|
||||||
height: calc(116px * var(--home-logo-scale, 1));
|
height: calc(116px * var(--home-logo-scale, 1));
|
||||||
font-size: calc(84px * var(--home-logo-scale, 1));
|
font-size: calc(84px * var(--home-logo-scale, 1));
|
||||||
@@ -2522,9 +2522,9 @@ a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Make the brand mark a focal element on desktop. */
|
/* Make the brand mark a focal element on desktop. */
|
||||||
.home-brand .brand-mark,
|
.app-shell .home-brand .brand-mark,
|
||||||
.home-brand .brand-mark-lg,
|
.app-shell .home-brand .brand-mark.brand-mark-lg,
|
||||||
.home-brand .brand-mark-xl {
|
.app-shell .home-brand .brand-mark.brand-mark-xl {
|
||||||
width: calc(clamp(180px, 18vw, 260px) * var(--home-logo-scale, 1));
|
width: calc(clamp(180px, 18vw, 260px) * var(--home-logo-scale, 1));
|
||||||
height: calc(clamp(180px, 18vw, 260px) * var(--home-logo-scale, 1));
|
height: calc(clamp(180px, 18vw, 260px) * var(--home-logo-scale, 1));
|
||||||
font-size: calc(clamp(124px, 13vw, 184px) * var(--home-logo-scale, 1));
|
font-size: calc(clamp(124px, 13vw, 184px) * var(--home-logo-scale, 1));
|
||||||
|
|||||||
@@ -328,6 +328,13 @@ class WebAppAssetTests(unittest.IsolatedAsyncioTestCase):
|
|||||||
self.assertIn("/webapp-default-logo.webp", nginx_conf)
|
self.assertIn("/webapp-default-logo.webp", nginx_conf)
|
||||||
self.assertIn("proxy_pass http://backend:8081;", nginx_conf)
|
self.assertIn("proxy_pass http://backend:8081;", nginx_conf)
|
||||||
|
|
||||||
|
def test_home_logo_scale_rules_beat_late_loaded_admin_brand_styles(self):
|
||||||
|
css = Path("frontend/src/styles/webapp.css").read_text(encoding="utf-8")
|
||||||
|
|
||||||
|
self.assertIn(".app-shell .home-brand .brand-mark.brand-mark-xl", css)
|
||||||
|
self.assertIn(".app-shell .login-brand-auth .brand-mark.brand-mark-xl", css)
|
||||||
|
self.assertIn(".app-shell .loader .brand-mark.brand-mark-lg", css)
|
||||||
|
|
||||||
def test_prune_unused_appearance_assets_keeps_only_referenced_logo_and_favicons(self):
|
def test_prune_unused_appearance_assets_keeps_only_referenced_logo_and_favicons(self):
|
||||||
with tempfile.TemporaryDirectory() as tmpdir:
|
with tempfile.TemporaryDirectory() as tmpdir:
|
||||||
root = Path(tmpdir)
|
root = Path(tmpdir)
|
||||||
|
|||||||
Reference in New Issue
Block a user