blsmedia/bot
2
0
Fork 0
Code Activity

🐛 (date) Fix date picker UI when editor is in dark mode

Browse Source 
Closes #368
This commit is contained in:
Baptiste Arnaud
2023-03-10 09:40:35 +01:00
parent 5435452ab0
commit e680d133a5
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/js/src/assets/index.css
View File

@@ -227,3 +227,9 @@ textarea {
color: var(--typebot-input-color); color: var(--typebot-input-color);
background-color: var(--typebot-input-bg-color); background-color: var(--typebot-input-bg-color);
} }
.typebot-date-input {
color-scheme: light;
color: var(--typebot-input-color);
background-color: var(--typebot-input-bg-color);
}

4
packages/js/src/features/blocks/inputs/date/components/DateForm.tsx
View File

@@ -44,7 +44,7 @@ export const DateForm = (props: Props) => {
</p> </p>
)} )}
<input <input
class="focus:outline-none flex-1 w-full text-input" class="focus:outline-none flex-1 w-full text-input typebot-date-input"
style={{ style={{
'min-height': '32px', 'min-height': '32px',
'min-width': '100px', 'min-width': '100px',
@@ -68,7 +68,7 @@ export const DateForm = (props: Props) => {
</p> </p>
)} )}
<input <input
class="focus:outline-none flex-1 w-full text-input ml-2" class="focus:outline-none flex-1 w-full text-input ml-2 typebot-date-input"
style={{ style={{
'min-height': '32px', 'min-height': '32px',
'min-width': '100px', 'min-width': '100px',