sbrl-github/Air-Quality-Web
1
0
Fork 0
mirror of https://github.com/ConnectedHumber/Air-Quality-Web synced 2024-11-22 06:23:01 +00:00
Code Issues Releases Wiki Activity

[client] Prettyificate the marker content even moar

Browse source
This commit is contained in:
Starbeamrainbowlabs 2019-01-18 23:11:21 +00:00
parent 44d818e3fb
commit 187c0c8bce
Signed by: sbrl
GPG key ID: 1BE5172E637709C2
2 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
client_src/css/main.css
View file

@ -51,6 +51,16 @@ main {
font-size: 80%; font-size: 80%;
color: hsl(230, 45%, 65%); color: hsl(230, 45%, 65%);
} }
.device-property-list { .device-property-table {
margin: 0; padding: 0 0 0 1em; 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;
} }

2
client_src/js/LayerDeviceMarkers.mjs
View file

@ -102,7 +102,7 @@ class LayerDeviceMarkers {
CreateElement("td.value", value) 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", result.appendChild(CreateElement("p.device-notes",
CreateElement("em", device_info.other) CreateElement("em", device_info.other)