Firefox email input fix
Some checks are pending
deploy / deploy (push) Waiting to run
format / format (push) Waiting to run
snapshot / publish (push) Waiting to run
test / test (push) Waiting to run

This commit is contained in:
David Hill 2025-10-02 23:50:51 +01:00
parent 4c11ccd334
commit ea993976b0
2 changed files with 37 additions and 6 deletions

View file

@ -797,15 +797,29 @@ body {
border-radius: 6px;
border: 1px solid var(--color-border-weak);
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
/* Use color, not -moz-text-fill-color, for normal text */
color: var(--color-text-strong);
@media (max-width: 30rem) {
padding-bottom: 80px;
}
&:not(:focus) {
color: var(--color-text-strong);
}
&::placeholder {
color: var(--color-text-weak);
opacity: 1;
}
/* Optional legacy */
&::-moz-placeholder {
color: var(--color-text-weak);
opacity: 1;
}
}
input:focus {

View file

@ -113,6 +113,8 @@ body {
}
[data-component="container"] {
max-width: 67.5rem;
margin: 0 auto;
@ -516,14 +518,29 @@ body {
border-radius: 6px;
border: 1px solid var(--color-border-weak);
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
/* Use color, not -moz-text-fill-color, for normal text */
color: var(--color-text-strong);
@media (max-width: 30rem) {
padding-bottom: 80px;
}
&:not(:focus) {
color: var(--color-text-strong);
}
&::placeholder {
color: var(--color-text-weak);
opacity: 1;
}
/* Optional legacy */
&::-moz-placeholder {
color: var(--color-text-weak);
opacity: 1;
}
}
input:focus {