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

[client/device graph] Style buttons

Browse source
This commit is contained in:
Starbeamrainbowlabs 2019-01-20 20:53:12 +00:00
parent 01404172b5
commit 051690c9e1
Signed by: sbrl
GPG key ID: 1BE5172E637709C2
2 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
client_src/css/main.css
View file

@ -77,3 +77,13 @@ h2.device-name { text-align: center; }
border-left: 0.2em solid hsl(222, 100%, 59%); border-left: 0.2em solid hsl(222, 100%, 59%);
padding-left: 0.5em; padding-left: 0.5em;
} }
.reading-types {
display: flex;
flex-direction: row;
list-style-type: none;
}
button.selected {
font-weight: bolder;
}

7
client_src/js/DeviceReadingDisplay.mjs
View file

@ -35,7 +35,12 @@ class DeviceReadingDisplay {
let reading_type_list = this.display.querySelector(".reading-types"); let reading_type_list = this.display.querySelector(".reading-types");
for(let reading_type of this.reading_types) { for(let reading_type of this.reading_types) {
let new_element = CreateElement("li", reading_type.friendly_text); let new_element = CreateElement("li",
CreateElement("button", reading_type.friendly_text)
);
if(reading_type.id == this.reading_type.id)
new_element.querySelector("button").classList.add("selected");
new_element.dataset.id = reading_type.id; new_element.dataset.id = reading_type.id;
reading_type_list.appendChild(new_element); reading_type_list.appendChild(new_element);
} }