Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 17:08:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add disabled state bg color select component (#5206)

Browse source 
* adds bg color for disabled state: select component

* fixes: dark theme
This commit is contained in:
Arpit 2023-01-05 13:13:59 +05:30 committed by GitHub
parent 8d9442a3e2
commit 9514038d7d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/_ui/Select/styles.js
View file

@ -7,13 +7,21 @@ export default function styles(darkMode, width = 224, height = 32, styles = {})
}),
control: (provided, state) => ({
...provided,
border: styles.border ?? '1px solid hsl(0, 0%, 80%)',
border: state.isDisabled && darkMode ? 'none' : styles.border ?? '1px solid hsl(0, 0%, 80%)',
boxShadow: 'none',
'&:hover': {
backgroundColor: darkMode ? '' : '#F8F9FA',
border: styles.border ?? '1px solid hsl(0, 0%, 80%)',
},
backgroundColor: darkMode ? '#2b3547' : state.menuIsOpen ? '#F1F3F5' : '#fff',
backgroundColor: state.isDisabled
? darkMode
? '#1f2936'
: '#f4f6fa'
: darkMode
? '#2b3547'
: state.menuIsOpen
? '#F1F3F5'
: '#fff',
height: height,
minHeight: height,
cursor: styles.cursor ?? 'pointer',