Brian S. Stephan
7d5052e811
this tree UI allows for viewing and basic editing of a configuration section from a board. it does a decent job of displaying most of the settings, and editing is equally convenient, as in it tries to handle enums correctly, but doesn't validate pins or handle long binary strings well. saving is done in place --- if a config/storage section was opened, a config section (no padding) is what results. if a whole board was opened, the whole binary is rewritten with the new offset config section. this way, a whole board dump can be changed in place, or a new config can be made for use in e.g. concatenate to build an image many enhancements to come over time
51 lines
712 B
CSS
51 lines
712 B
CSS
Tree {
|
|
padding: 1;
|
|
}
|
|
|
|
Button {
|
|
border: round gray;
|
|
content-align: center middle;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0 1;
|
|
}
|
|
|
|
EditScreen, MessageScreen {
|
|
align: center middle;
|
|
}
|
|
|
|
EditScreen Label {
|
|
width: 100%;
|
|
height: 100%;
|
|
content-align: center middle;
|
|
}
|
|
|
|
.hidden {
|
|
visibility: hidden;
|
|
}
|
|
|
|
#edit-dialog {
|
|
grid-size: 2;
|
|
grid-rows: 1fr 3fr 1fr 2fr;
|
|
padding: 0 1;
|
|
width: 50%;
|
|
height: 50%;
|
|
border: tall gray 100%;
|
|
}
|
|
|
|
#message-dialog {
|
|
padding: 0 1;
|
|
grid-rows: 3fr 2fr;
|
|
width: 50%;
|
|
height: 50%;
|
|
border: tall gray 100%;
|
|
}
|
|
|
|
#field-name, #field-input, #input-errors {
|
|
column-span: 2;
|
|
}
|
|
|
|
#field-input {
|
|
border: solid white;
|
|
}
|