Fix pinout table (#2550)
* fix clicking on row * fix display and scroll to top
This commit is contained in:
parent
0540dd49af
commit
654c88c1f0
|
@ -17,13 +17,15 @@ function addRow(table, pin, pdiv) {
|
||||||
tdata.textContent = pin.type
|
tdata.textContent = pin.type
|
||||||
fdata.textContent = pin.function;
|
fdata.textContent = pin.function;
|
||||||
cdata.textContent = pin.color
|
cdata.textContent = pin.color
|
||||||
row.addEventListener('click', function(pin, pdiv) {
|
row.addEventListener('click', function(table, pin, pdiv) {
|
||||||
clickPin(pin, pdiv);
|
clickPin(table.parentElement.parentElement.parentElement.querySelector(".info-table tbody"), pin, pdiv);
|
||||||
}.bind(null, pin, pdiv));
|
table.parentElement.parentElement.parentElement.scrollIntoView()
|
||||||
|
}.bind(null, table, pin, pdiv));
|
||||||
table.appendChild(clone);
|
table.appendChild(clone);
|
||||||
}
|
}
|
||||||
|
|
||||||
function clickPin(table, pin, pdiv) {
|
function clickPin(table, pin, pdiv) {
|
||||||
|
table.parentElement.style.display = "table";
|
||||||
table.innerHTML = "";
|
table.innerHTML = "";
|
||||||
addRow(table, pin, pdiv);
|
addRow(table, pin, pdiv);
|
||||||
var pins = document.querySelectorAll(".pin-marker");
|
var pins = document.querySelectorAll(".pin-marker");
|
||||||
|
|
|
@ -183,6 +183,10 @@ table th {
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.info-table {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
html {
|
html {
|
||||||
background-color: black;
|
background-color: black;
|
||||||
|
|
Loading…
Reference in New Issue