watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-11 16:17:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fix WebsiteDateFilter width and date popup minimum width.

Browse source 
Remove unnecessary wrapper Row around DateFilter and set min-width
on the date picker popover to 200px.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Mike Cao 2026-02-06 03:22:16 -08:00
parent 18c3ffc2d8
commit d9f8a0418c
2 changed files with 8 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/input/DateFilter.tsx
View file

@ -110,7 +110,7 @@ export function DateFilter({
placeholder={formatMessage(labels.selectDate)} placeholder={formatMessage(labels.selectDate)}
onChange={handleChange} onChange={handleChange}
renderValue={renderValue} renderValue={renderValue}
popoverProps={{ placement }} popoverProps={{ placement, style: { minWidth: 200 } }}
isFullscreen={isMobile} isFullscreen={isMobile}
> >
{options.map(({ label, value, divider }: any) => { {options.map(({ label, value, divider }: any) => {

15
src/components/input/WebsiteDateFilter.tsx
View file

@ -76,14 +76,13 @@ export function WebsiteDateFilter({
</Button> </Button>
</Row> </Row>
)} )}
<Row minWidth="200px"> <DateFilter
<DateFilter className="min-w-[200px]"
value={dateValue} value={dateValue}
onChange={handleChange} onChange={handleChange}
showAllTime={hasData && showAllTime} showAllTime={hasData && showAllTime}
renderDate={+offset !== 0} renderDate={+offset !== 0}
/> />
</Row>
{showCompare && ( {showCompare && (
<Row alignItems="center" gap> <Row alignItems="center" gap>
<Text weight="bold">VS</Text> <Text weight="bold">VS</Text>