refactor of device settings viewer / editor

This commit is contained in:
Stewart Allen 2024-06-01 16:49:26 -04:00
commit 18f9975390
7 changed files with 134 additions and 264 deletions

View file

@ -123,7 +123,7 @@ input:focus {
input[disabled] {
background-color: #ddd;
color: #000;
border-width: 1px;
/* border-width: 1px; */
}
input[type="range"] {
width: 85px;
@ -1263,6 +1263,9 @@ th, tr, td, label {
max-width: 70%;
padding-bottom: 5px;
}
#mod-setup textarea {
border-radius: 3px;
}
#mod-setup .header {
text-align: center;
border-bottom: 1px solid rgba(126,153,183,1);
@ -1273,33 +1276,12 @@ th, tr, td, label {
#mod-setup .header.sub {
padding-top: 10px;
}
#dev-search {
position: absolute;
font-size: 10px;
right: 3px;
}
#dev-search:hover {
color: #00f;
}
#dev-filter {
transform: translateY(-7px);
text-align: center;
position: absolute;
display: none;
padding: 1px;
right: 150%;
}
#mod-setup .left {
width: 180px;
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid #ddd;
}
#mod-setup .footer {
padding-top: 5px;
margin-top: 5px;
border-top: 1px solid rgba(150,130,200,0.5);
}
.devlist {
background-color: #fdfdfd;
}
@ -1684,7 +1666,7 @@ th, tr, td, label {
width: 100%;
background-color: #f8f8f8;
}
#device-action, #tool-action {
#tool-action {
margin-top: 5px;
}
#device-action button, #tool-action button {
@ -1946,6 +1928,16 @@ th, tr, td, label {
.settings .set-header a {
font-size: smaller;
}
#dev-sel {
margin-bottom: 0;
}
#dev-list {
align-self: stretch;
padding: 0 5px 0 5px;
}
#dev-list:hover {
background-color: var(--blue-4);
}
.set2-group {
border-radius: 3px;
border: 1px solid #ddd !important;
@ -1965,7 +1957,7 @@ th, tr, td, label {
border-right: 3px solid var(--blue-1);
background-color: var(--blue-4) !important;
}
.set2-group .var-row label {
.set2-group .var-row label, #mod-setup .var-row label {
margin-right: 25px;
}
.set2-sep {