Closed Bug 1592514 Opened 5 years ago Closed 5 years ago

Add style to IssueItem component

Categories

(DevTools :: Inspector: Compatibility, enhancement, P3)

enhancement

Tracking

(firefox72 fixed)

RESOLVED FIXED
Firefox 72
Tracking Status
firefox72 --- fixed

People

(Reporter: daisuke, Assigned: daisuke)

References

(Blocks 1 open bug)

Details

Attachments

(5 files)

According to the following mockup, we add the style.
https://www.figma.com/file/RCsIQCwpgN3bkyBdn5tCXl/webcompat-sidebar-2?node-id=145%3A254

In this bug, we do the followings:

  • Show warning icon by the issue type
  • Show "deprecated" and "experimental" label
  • Make the CSS property which caused the issue to be a link for the MDN doc
  • Add a splitter line for each issue

For showing the unsupported browsers, we will implement in bug 1590982.

Depends on D51229

Depends on D51230

Pushed by dakatsuka.birchill@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/0cce2c2e8957 Make the CSS properties which caused the isse to be a link for the MDN doc. r=rcaliman,ladybenko https://hg.mozilla.org/integration/autoland/rev/0c729397f737 Show the issue causes. r=rcaliman,ladybenko https://hg.mozilla.org/integration/autoland/rev/780dcd9ffb0d Show warning/info icon. r=rcaliman,ladybenko https://hg.mozilla.org/integration/autoland/rev/d225a443c872 Add split line to the issue item. r=rcaliman,ladybenko https://hg.mozilla.org/integration/autoland/rev/dcf27b7319be Make the compatibility panel scrollable. r=rcaliman,ladybenko
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: