fix: a11y contrast issues (#3722)

This commit is contained in:
Jonas Höbenreich
2024-10-14 23:46:10 +02:00
committed by GitHub
parent 5620d477e9
commit 9bf74407ae
2 changed files with 12 additions and 7 deletions
@@ -16,8 +16,8 @@ export const LegalFooter = ({
if (!IMPRINT_URL && !PRIVACY_URL && !IS_FORMBRICKS_CLOUD) return null;
return (
<div className="absolute bottom-0 z-[1500] h-10 w-full">
<div className="mx-auto flex h-full max-w-lg items-center justify-center p-2 text-center text-xs text-slate-400 text-opacity-50">
<div className="absolute bottom-0 z-[1500] h-10 w-full" role="contentinfo">
<div className="mx-auto flex h-full max-w-lg items-center justify-center p-2 text-center text-xs text-slate-500">
{IMPRINT_URL && (
<Link href={IMPRINT_URL} target="_blank" className="hover:underline" tabIndex={-1}>
Imprint
+10 -5
View File
@@ -75,7 +75,7 @@ p.fb-editor-paragraph {
--fb-subheading-color: var(--slate-700);
--fb-placeholder-color: var(--slate-300);
--fb-info-text-color: var(--slate-500);
--fb-signature-text-color: var(--slate-400);
--fb-signature-text-color: var(--slate-500);
--fb-branding-text-color: var(--slate-500);
--fb-survey-background-color: white;
--fb-survey-border-color: var(--slate-50);
@@ -101,22 +101,27 @@ p.fb-editor-paragraph {
from {
width: 100%;
}
to {
width: 0%;
}
}
.fb-no-scrollbar {
-ms-overflow-style: none !important; /* Internet Explorer 10+ */
scrollbar-width: thin !important; /* Firefox */
scrollbar-color: transparent transparent !important; /* Firefox */
-ms-overflow-style: none !important;
/* Internet Explorer 10+ */
scrollbar-width: thin !important;
/* Firefox */
scrollbar-color: transparent transparent !important;
/* Firefox */
/* Chrome, Edge, and Safari */
&::-webkit-scrollbar {
width: 0 !important;
background: transparent !important;
}
&::-webkit-scrollbar-thumb {
background: transparent !important;
}
}
}