auth: language toggle active label readable (white on olive); link colour rule no longer applies to it
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -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-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 main a:not([data-flux-button]){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]){color:#4A5D23}
|
||||
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}
|
||||
@media (prefers-reduced-motion:reduce){body.site-auth *{transition:none!important}}
|
||||
|
||||
|
||||
@@ -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('[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}');
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user