[client] Prettyificate the marker content even moar

pull/26/head
Starbeamrainbowlabs 4 years ago
parent 44d818e3fb
commit 187c0c8bce
Signed by: sbrl
GPG Key ID: 1BE5172E637709C2
  1. 14
      client_src/css/main.css
  2. 2
      client_src/js/LayerDeviceMarkers.mjs

@ -51,6 +51,16 @@ main {
font-size: 80%;
color: hsl(230, 45%, 65%);
}
.device-property-list {
margin: 0; padding: 0 0 0 1em;
.device-property-table {
border-collapse: collapse;
}
.device-property-table tr:nth-child(odd) {
background: hsla(222, 100%, 70%, 0.25);
}
.device-property-table th {
padding-right: 2em;
}
.device-property-table td:nth-child(2) {
border-left: 0.2em solid hsl(222, 100%, 59%);
padding-left: 0.5em;
}

@ -102,7 +102,7 @@ class LayerDeviceMarkers {
CreateElement("td.value", value)
));
}
result.appendChild(CreateElement("table.device-property-list", ...info_list));
result.appendChild(CreateElement("table.device-property-table", ...info_list));
result.appendChild(CreateElement("p.device-notes",
CreateElement("em", device_info.other)

Loading…
Cancel
Save