Skip to content

Datagrid style fixes #227

@coreyhunt

Description

@coreyhunt

The data grid has various style issues that have appeared over time and needs to be updated.
Screen Shot 2022-05-02 at 12 04 38 PM

  1. Table needs to be full width to allow for more content to be displayed
  2. Field heights are not equal
  3. "Remove" button icon is not vertically centered
  4. Dropdown list items are line-breaking too quickly
  5. Dropdown with a selection obfuscates the delete and dropdown icons
  6. Add button icon needs right-margin

Proposed changes

  • Add w-full to table line 1
  • Decide padding as rem or px for all inputs
  • Remove v-align-top to tr on line 38
  • Align the icons and fix spacing for the buttons (X and Add Another)
  • Remove padding-right: 100px for the selections
  • Fix word break in the select dropdown
  • Make sure the selections do not overlay the Close icon

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions