diff options
| author | David Hill <[email protected]> | 2025-10-02 23:50:51 +0100 |
|---|---|---|
| committer | David Hill <[email protected]> | 2025-10-02 23:50:51 +0100 |
| commit | ea993976b00feb3cb74f861f0a67c218854be9a9 (patch) | |
| tree | 239555f2dad13a69b82122943dbc0c4709b6cb8a /packages | |
| parent | 4c11ccd334f72c7641197fded3a76203c6101646 (diff) | |
| download | opencode-ea993976b00feb3cb74f861f0a67c218854be9a9.tar.gz opencode-ea993976b00feb3cb74f861f0a67c218854be9a9.zip | |
Firefox email input fix
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/console/app/src/routes/index.css | 20 | ||||
| -rw-r--r-- | packages/console/app/src/routes/zen/index.css | 23 |
2 files changed, 37 insertions, 6 deletions
diff --git a/packages/console/app/src/routes/index.css b/packages/console/app/src/routes/index.css index ec1676ea1..7171bd39d 100644 --- a/packages/console/app/src/routes/index.css +++ b/packages/console/app/src/routes/index.css @@ -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 { diff --git a/packages/console/app/src/routes/zen/index.css b/packages/console/app/src/routes/zen/index.css index 823da2722..88ca0762e 100644 --- a/packages/console/app/src/routes/zen/index.css +++ b/packages/console/app/src/routes/zen/index.css @@ -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 { |