Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-22 16:38:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Feature/list view border color (#4300)

Browse source 
* Update widgetConfig.js

* Update Listview.jsx

* Update widgetConfig.js

* Update Listview.jsx

* Update frontend/src/Editor/Components/Listview.jsx

Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>

Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>
This commit is contained in:
Froosty 2022-10-11 09:25:30 +05:45 committed by GitHub
parent e647ae3acb
commit 082be1b63d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/Editor/Components/Listview.jsx
View file

@ -22,8 +22,12 @@ export const Listview = function Listview({
const { visibility, disabledState, borderRadius } = { ...fallbackStyles, ...styles };
const backgroundColor =
['#fff', '#ffffffff'].includes(styles.backgroundColor) && darkMode ? '#232E3C' : styles.backgroundColor;
const borderColor = styles.borderColor ?? 'transparent';
const computedStyles = {
backgroundColor,
border: '1px solid',
borderColor,
height,
display: visibility ? 'flex' : 'none',
borderRadius: borderRadius ?? 0,

8
frontend/src/Editor/WidgetManager/widgetConfig.js
View file

@ -3528,6 +3528,13 @@ export const widgets = [
schema: { type: 'string' },
},
},
borderColor: {
type: 'color',
displayName: 'Border color',
validation: {
schema: { type: 'string' },
},
},
visibility: {
type: 'toggle',
displayName: 'Visibility',
@ -3575,6 +3582,7 @@ export const widgets = [
events: [],
styles: {
backgroundColor: { value: '' },
borderColor: { value: '#dadcde' },
visibility: { value: '{{true}}' },
disabledState: { value: '{{false}}' },
borderRadius: { value: '{{0}}' },