Skip to content

The pop-up in the Element Data panel has black text and the checkboxes are not properly aligned. #23

Description

@MaartenVisser-nl

The pop-up in the Element Data panel has black text and the checkboxes are not properly aligned.

Image

Component: top-data-table-panel built-in — the configuration pop-up for "Columns"
(opened from the Element Data panel). Environment

  • @thatopen/ui: 3.4.9
  • @thatopen/services: 0.3.11
  • @thatopen-platform/components-beta: 3.5.8
  • @thatopen-platform/components-front-beta: 3.5.11
  • @thatopen-platform/fragments-beta: 3.5.7
  • thatopen CLI: 0.3.6 (beta version, thatopen serve)
  • Theme: dark
  • Operating System: Windows 11 · Browser: Brave

Steps to reproduce

  1. Open the app and load a model (e.g., an IFC with IFCSLAB elements).
  2. Open the Element Data panel (data table).
  3. Click the "Columns" button to open the column configuration pop-up window.

Actual result

  • The popover table rows and the Σ — aggregation dropdowns behind them show through and overlap the popover text
  • There is no visible border/raising separating the popover from the panel.
  • The popover header ("Columns ×") overlaps the header of the panel / the "N elements" row.
  • The checkboxes are not consistently aligned within a column and the first (group) checkbox floats relative to the label; the vertical rhythm between the label rows is inconsistent.
  • Unchecked checkboxes have very low contrast in the dark theme.

Expected result

  • The header does not overlap the panel/table header.
  • Checkboxes and their labels are on a consistent grid; sufficient contrast for the unchecked status in both light and dark themes. Notes
  • The purple accent on checked items is as expected — set on the app side via --bim-ui_accent-base: #6528d7. This report concerns the popover surface/layout, which is independent of the accent override.
  • Reproduced with the default generated app (thatopen create --beta), only extended
    by adding the potree-core dependency to fix a bundling error.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions