chore: fix table height (#34178)
Fixes #33758 /ok-to-test tags="@tag.Anvil" <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **Style** - Updated table header styles to improve layout on specific screen sizes. <!-- end of auto-generated comment: release notes by coderabbit.ai --><!-- This is an auto-generated comment: Cypress test results --> > [!TIP] > 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉 > Workflow run: <https://github.com/appsmithorg/appsmith/actions/runs/9478133261> > Commit: 0d32fdfac2d13ab54b4886f5d2891e8604f5f6ef > Cypress dashboard url: <a href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=9478133261&attempt=1" target="_blank">Click here!</a> <!-- end of auto-generated comment: Cypress test results --> --------- Co-authored-by: Pawan Kumar <pawankumar@Pawans-MacBook-Pro-2.local>
This commit is contained in:
parent
d4d4406e6d
commit
4326ae81fc
|
|
@ -32,14 +32,16 @@ function TableHeader(props: TableHeaderProps) {
|
|||
onSearch={onSearch}
|
||||
searchKey={searchKey}
|
||||
/>
|
||||
<Flex flexGrow={1} gap="spacing-1" justifyContent="space-between">
|
||||
<Pagination
|
||||
columns={columns}
|
||||
isVisiblePagination={isVisiblePagination}
|
||||
tableData={tableData}
|
||||
{...rest}
|
||||
/>
|
||||
</Flex>
|
||||
{isVisiblePagination && columns.length > 0 && (
|
||||
<Flex flexGrow={1} gap="spacing-1" justifyContent="space-between">
|
||||
<Pagination
|
||||
columns={columns}
|
||||
isVisiblePagination={isVisiblePagination}
|
||||
tableData={tableData}
|
||||
{...rest}
|
||||
/>
|
||||
</Flex>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
})();
|
||||
|
|
|
|||
|
|
@ -48,7 +48,8 @@
|
|||
|
||||
@container table-header (inline-size <= 320px) {
|
||||
[data-layout] {
|
||||
flex-wrap: wrap;
|
||||
/* This needs to be wrap once we have actions implemented */
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
[data-layout] [data-field] {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user