Skip to content
This repository was archived by the owner on May 17, 2021. It is now read-only.

Styling of the select & modal #6

@AdrianMrn

Description

@AdrianMrn

Seb's idea was to use the Select to display more information about the errors, like timestamp, component, amount of occurrences, …

Should the select also be in an iframe, as to not be impacted by the website's css? This would also make styling the select easier, because we could use tailwindcss and place the used css classes in an inline style tag in the iframe (I think? purgeCSS would have to be run before importing the css file, I'm not 100% sure this will work properly).

Look into shadow dom

Alternatively, render the select in an iframe, and render a separate iframe with the error list when clicking on it. Based on the amount of errors, we can decide the dimensions of the list's iframe.

  • add tailwindcss to components

  • show active error in select

  • "Clear all" button to clear all errors

  • modal backdrop with click listener to close modal

New occurrences don't have an effect on the order

Something like this?
image

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions