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

Fix alignment issues arising due to label width setting for input components

Browse source
This commit is contained in:
Nakul Nagargade 2025-02-05 19:21:15 +05:30
parent c2c0018eb7
commit 20f03d6e11
4 changed files with 67 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/AppBuilder/WidgetManager/widgets/listview.js
View file

@ -48,8 +48,12 @@ export const listviewConfig = {
data: {
type: 'code',
displayName: 'List data',
validation: {
schema: { type: 'array', element: { type: 'object' } },
schema: {
type: 'union',
schemas: [
{ type: 'array', element: { type: 'object' } },
{ type: 'array', element: { type: 'string' } },
],
defaultValue: "[{text: 'Sample text 1'}]",
},
},

8
frontend/src/Editor/WidgetManager/configs/listview.js
View file

@ -49,7 +49,13 @@ export const listviewConfig = {
type: 'code',
displayName: 'List data',
validation: {
schema: { type: 'array', element: { type: 'object' } },
schema: {
type: 'union',
schemas: [
{ type: 'array', element: { type: 'object' } },
{ type: 'array', element: { type: 'string' } },
],
},
defaultValue: "[{text: 'Sample text 1'}]",
},
},

55
frontend/src/_styles/table-component.scss
View file

@ -1467,5 +1467,56 @@
}
.tj-table-tag-col-readonly {
margin-left: -2px !important; //this -ve margin offset for the margin given to each tags in overall column width
}
margin-left: -2px !important; //this -ve margin offset for the margin given to each tags in overall column width
}
.jet-data-table {
.table-bordered {
th,
td {
border-bottom: 1px solid var(--interactive-overlay-border-pressed) !important;
border-right: 1px solid var(--interactive-overlay-border-pressed) !important;
&:first-child {
border-left: none !important;
}
&:last-child {
border-right: none !important;
}
}
thead th {
border-top: none !important;
&:first-child {
border-left: none !important;
}
&:last-child {
border-right: none !important;
}
}
}
.table-striped {
tbody {
div[data-index]:nth-child(odd) {
background-color: transparent !important;
}
div[data-index]:nth-child(even) {
background-color: var(--slate2) !important;
}
}
}
}
// hide scrollbar on touch devices
@media (hover: none) and (pointer: coarse) {
.jet-data-table::-webkit-scrollbar {
width: 0;
height: 0;
background: transparent;
}
}

2
server/src/modules/apps/services/widget-config/listview.js
View file

@ -49,7 +49,7 @@ export const listviewConfig = {
type: 'code',
displayName: 'List data',
validation: {
schema: { type: 'array', element: { type: 'object' } },
schema: { type: 'union', schemas: [{ type: 'array', element: { type: 'object' } },{ type: 'array', element: { type: 'string' } }] },
defaultValue: "[{text: 'Sample text 1'}]",
},
},