Fix WebsiteDateFilter width and date popup minimum width.
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:
1 parent
18c3ffc2d8
commit
d9f8a0418c
2 files changed
+8
-9
No files matched your search
@@ -110,7 +110,7 @@ export function DateFilter({
|
||||
placeholder={formatMessage(labels.selectDate)}
|
||||
onChange={handleChange}
|
||||
renderValue={renderValue}
|
||||
popoverProps={{ placement }}
|
||||
popoverProps={{ placement, style: { minWidth: 200 } }}
|
||||
isFullscreen={isMobile}
|
||||
>
|
||||
{options.map(({ label, value, divider }: any) => {
|
||||
|
||||
@@ -76,14 +76,13 @@ export function WebsiteDateFilter({
|
||||
</Button>
|
||||
</Row>
|
||||
)}
|
||||
<Row minWidth="200px">
|
||||
<DateFilter
|
||||
value={dateValue}
|
||||
onChange={handleChange}
|
||||
showAllTime={hasData && showAllTime}
|
||||
renderDate={+offset !== 0}
|
||||
/>
|
||||
</Row>
|
||||
<DateFilter
|
||||
className="min-w-[200px]"
|
||||
value={dateValue}
|
||||
onChange={handleChange}
|
||||
showAllTime={hasData && showAllTime}
|
||||
renderDate={+offset !== 0}
|
||||
/>
|
||||
{showCompare && (
|
||||
<Row alignItems="center" gap>
|
||||
<Text weight="bold">VS</Text>
|
||||
|
||||
Reference in new issue
Block a user