farmcontrol/farmcontrol-ui
farmcontrol/farmcontrol-ui
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Update SimpleDateTimePropertyFilter styles and JSX structure

Browse Source 
- Added a transparent background color to the .simple-date-time-property-filter class for improved visual integration.
- Adjusted padding for the Text component within SimpleDateTimePropertyFilter to enhance layout consistency and spacing.
This commit is contained in:
Tom Butcher 2026-08-11 00:51:55 +01:00
parent 18ac93d8e9
commit 198b1c2244
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
assets/stylesheets/App.css
View File

@ -1109,6 +1109,7 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
.simple-date-time-property-filter { .simple-date-time-property-filter {
margin: -6px 0; margin: -6px 0;
background-color: transparent;
} }
.simple-date-time-property-filter.ant-tree .ant-tree-treenode { .simple-date-time-property-filter.ant-tree .ant-tree-treenode {

4
src/components/Dashboard/common/SimpleDateTimePropertyFilter.jsx
View File

@ -539,7 +539,9 @@ const SimpleDateTimePropertyFilter = ({
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
style={{ minWidth: 0 }} style={{ minWidth: 0 }}
/> />
<Text style={{ minWidth: 0 }}>{node.title}</Text> <Text style={{ minWidth: 0, paddingInlineStart: '8px' }}>
{node.title}
</Text>
</Flex> </Flex>
) )
} }