openacr icon indicating copy to clipboard operation
openacr copied to clipboard

Add simple comparisons CSS to HTML version

Open mgifford opened this issue 2 years ago • 0 comments

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.

mgifford avatar Sep 01 '21 18:09 mgifford