Skip to content

[upstream #16342] ClickHouse theme: table density and header treatment #140

Description

@berry-13

Found in the ClickHouse theme audit for LibreChat-AI#16342. Rank 6 of 9 by visibility.

Click UI: Click UI tables default to size sm: cell padding 0.5rem 1rem (about 37px rows), header 500 0.75rem/1.5 in #161517 / #f9f9f9 on #f6f7fa / #282828, 1px row borders, wrapper radius 0.25rem (ClickHouse/click-ui@537131f src/components/Table/Table.module.css:13-14,155, src/theme/styles/tokens-light.css:1301-1327).

LibreChat under interface.theme: clickhouse: The files panel table renders 64px rows with 16px cell padding and a borderless header in text-secondary with no fill.

Gap class and why it is not in LibreChat-AI#16379: Shared primitive: a density variant on Table and a header fill role. packages/client/src/components/Table.tsx, SidePanel/Files/PanelTable.tsx and Chat/Input/Files/Table/DataTable.tsx are all stack-owned, so this waits for the stack.

Screenshots (light, dark) are attached below.

Light: ClickHouse theme: table density and header treatment

Dark: ClickHouse theme: table density and header treatment

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    area: packagesreviewctl followups stateenhancementNew feature or requestreadyreviewctl followups state

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions