Bug 1592514: Add split line to the issue item. r=rcaliman,ladybenko
authorDaisuke Akatsuka <daisuke@birchill.co.jp>
Fri, 08 Nov 2019 14:13:23 +0000
changeset 501295 d225a443c87224ffb8950fa99e63d073c55acbfd
parent 501294 780dcd9ffb0d51d2fb30986dc6a01f254528567e
child 501296 dcf27b7319be0e146ada074ac07602767d5cea04
push id114168
push userdluca@mozilla.com
push dateSun, 10 Nov 2019 03:08:55 +0000
treeherdermozilla-inbound@33f64c1ef3e4 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersrcaliman, ladybenko
bugs1592514
milestone72.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1592514: Add split line to the issue item. r=rcaliman,ladybenko Differential Revision: https://phabricator.services.mozilla.com/D51232
devtools/client/themes/compatibility.css
--- a/devtools/client/themes/compatibility.css
+++ b/devtools/client/themes/compatibility.css
@@ -5,22 +5,30 @@
 :root {
   --compatibility-base-unit: 4px;
   --compatibility-cause-color: var(--theme-text-color-alt);
   --compatibility-issue-icon-size: calc(var(--compatibility-base-unit) * 3);
 }
 
 .compatibility-issue-list {
   list-style: none;
+  margin: 0;
+  padding: 0;
 }
 
 .compatibility-issue-item {
   display: flex;
   gap: var(--compatibility-base-unit);
   align-items: center;
+  padding-inline-start: calc(var(--compatibility-base-unit) * 2);
+  padding-block: calc(var(--compatibility-base-unit) * 2);
+}
+
+.compatibility-issue-item:not(:last-child) {
+  border-block-end: 1px solid var(--theme-splitter-color);
 }
 
 .compatibility-issue-item::before {
   content: "";
   width: var(--compatibility-issue-icon-size);
   height: var(--compatibility-issue-icon-size);
   background-size: var(--compatibility-issue-icon-size);
   -moz-context-properties: fill;