preset_sel/css/ui.css : Updates from uiTest.

This commit is contained in:
kevin 2021-11-05 22:24:06 -04:00
parent 9d223eafb3
commit 7f1a7a3c3b

View File

@ -18,10 +18,6 @@ input, label, button, select {
height: 20px; height: 20px;
} }
button {
margin-right: 4px;
margin-left: 4px;
}
div { div {
/*border: 1px solid black; */ /*border: 1px solid black; */
@ -69,9 +65,6 @@ label {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
background-color: LightBlue; background-color: LightBlue;
margin-bottom: 4px;
margin-top: 4px;
} }
.uiCol { .uiCol {
@ -94,6 +87,8 @@ label {
.uiLogDiv label { .uiLogDiv label {
width: 100%; width: 100%;
background-color: LightSteelBlue;
} }
@ -103,7 +98,7 @@ label {
flex-direction: column; flex-direction: column;
height: 150px; height: 150px;
overflow-x: hidden; /* 'hidden' to remove scroll bar */ overflow-x: hidden; /* 'hidden' to remove x scroll bar */
overflow-y: auto; overflow-y: auto;
width: 100%; width: 100%;
@ -112,6 +107,38 @@ label {
} }
/* The log text */ /* The log text */
.uiLog pre { .uiLog pre {
}
/* outer list div - contains the list label and the list scroller */
.uiListDiv {
display: flex;
flex-direction: column;
align-items: flex-start; /* left justify */
align-content: flex-stretch; /* fill horizontal space */
}
.uiListDiv label {
width: 100%;
background-color: LightSteelBlue;
}
.uiList {
display:flex;
flex-direction: column;
height: 100px;
overflow-x: hidden; /* 'hidden' to remove scroll bar */
overflow-y: auto;
width: 100%;
background-color: PowderBlue;
}
.uiSelected {
border: 1px solid red;
} }