naser/libra
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

auth: language toggle active label readable (white on olive); link colour rule no longer applies to it

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
Naser Mansour
2026-10-31 19:26:29 +02:00
parent 379f1f9de6
commit ad7f531edd
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/public.css
+2 -2
View File
@@ -374,8 +374,8 @@ body.site-auth [data-flux-field]:not(:has([data-flux-error]:not(.hidden))) input
body.site-auth [data-flux-field]:not(:has([data-flux-error]:not(.hidden))) input[data-flux-control]:focus{border-color:#A68966;box-shadow:0 0 0 4px rgba(166,137,102,.2)} body.site-auth [data-flux-field]:not(:has([data-flux-error]:not(.hidden))) input[data-flux-control]:focus{border-color:#A68966;box-shadow:0 0 0 4px rgba(166,137,102,.2)}
body.site-auth [data-flux-button][type=submit],body.site-auth button[type=submit]{border-radius:999px;min-height:48px;background:#A68966;color:#1E2219;font-weight:600;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 8px 22px -8px rgba(166,137,102,.8);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s} body.site-auth [data-flux-button][type=submit],body.site-auth button[type=submit]{border-radius:999px;min-height:48px;background:#A68966;color:#1E2219;font-weight:600;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 8px 22px -8px rgba(166,137,102,.8);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
body.site-auth [data-flux-button][type=submit]:hover,body.site-auth button[type=submit]:hover{transform:translateY(-2px)} body.site-auth [data-flux-button][type=submit]:hover,body.site-auth button[type=submit]:hover{transform:translateY(-2px)}
body.site-auth main a:not([data-flux-button]){color:#4A5D23} body.site-auth main a:not([data-flux-button]):not([data-test^=language-switch]){color:#4A5D23}
body.site-auth main a:not([data-flux-button]):hover{text-decoration:underline} body.site-auth main a:not([data-flux-button]):not([data-test^=language-switch]):hover{text-decoration:underline}
body.site-auth :is(a,button,input,select,textarea):focus-visible{outline:2px solid #A68966;outline-offset:3px} body.site-auth :is(a,button,input,select,textarea):focus-visible{outline:2px solid #A68966;outline-offset:3px}
@media (prefers-reduced-motion:reduce){body.site-auth *{transition:none!important}} @media (prefers-reduced-motion:reduce){body.site-auth *{transition:none!important}}
tests/Feature/Design/AuthTypeControlsTest.php
+8
View File
@@ -52,3 +52,11 @@ test('site fonts beat the app.css html[lang] body font and hidden Flux errors do
->toContain('html[lang] body.site-auth{font-family:"IBM Plex Sans Arabic"') ->toContain('html[lang] body.site-auth{font-family:"IBM Plex Sans Arabic"')
->toContain('[data-flux-field]:not(:has([data-flux-error]:not(.hidden))) input[data-flux-control]'); ->toContain('[data-flux-field]:not(:has([data-flux-error]:not(.hidden))) input[data-flux-control]');
}); });
test('the auth link colour does not override the language toggle, whose active label is white on olive', function () {
$css = file_get_contents(resource_path('css/public.css'));
expect($css)
->toContain('body.site-auth main a:not([data-flux-button]):not([data-test^=language-switch]){color:#4A5D23}')
->toContain('body.site-auth main a:not([data-flux-button]):not([data-test^=language-switch]):hover{text-decoration:underline}');
});