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

Styling of the select & modal #6

Open
4 tasks
AdrianMrn opened this issue Feb 6, 2020 · 0 comments
Open
4 tasks

Styling of the select & modal #6

AdrianMrn opened this issue Feb 6, 2020 · 0 comments
Assignees

Comments

@AdrianMrn
Copy link
Collaborator

AdrianMrn commented Feb 6, 2020

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

@AdrianMrn AdrianMrn added the enhancement New feature or request label Feb 6, 2020
@AdrianMrn AdrianMrn added launch checklist and removed enhancement New feature or request labels Mar 31, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants