Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add simple comparisons CSS to HTML version #169

Open
mgifford opened this issue Sep 1, 2021 · 0 comments
Open

Add simple comparisons CSS to HTML version #169

mgifford opened this issue Sep 1, 2021 · 0 comments

Comments

@mgifford
Copy link
Collaborator

mgifford commented Sep 1, 2021

We could include in the initial view things that allowed for some default styling.

For instance we could highlight those elements which:

  • supports
  • partially-supports
  • does-not-support

So that

  • supports has a checkbox icon & a light green background
  • partially-supports has a wavy line icon & a light yellow background
  • does-not-support has a stop sign & a light red background
{{#each data-criteria.components as |data-components|}}
  {{#if data-components.adherence.notes}}
    <li><span class="{{levelLabel data-components.adherence.level}}">{{catalogComponentLabel data-components.name}}{{data-components.adherence.notes}}</span></li>
  {{/if}}
{{/each}}

It might be useful to turn it on/off. Leaving it on by default.

But just some simple view to help a reviewer understand where to look.

@dmundra I think you had some ideas around this from our last meeting.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant