Looks nicer

This commit is contained in:
Magnus Åhall 2026-02-23 11:20:16 +01:00
parent 5112113aae
commit ab08d745a1
6 changed files with 279 additions and 79 deletions

View file

@ -18,10 +18,18 @@ body {
.records-tree {
display: grid;
grid-template-columns: min-content 1fr;
grid-template-columns: min-content min-content 1fr;
white-space: nowrap;
.top, .record, .type {
.show {
display: block !important;
}
.top,
.record,
.type,
.value {
display: none;
border-bottom: 1px solid #ccc;
padding: 4px 0px;
}
@ -29,9 +37,38 @@ body {
.top {
font-weight: bold;
background-color: #f8f8f8;
user-select: none;
grid-template-columns: repeat(3, min-content);
align-items: center;
&.open {
.folder.open {
display: inline-block;
}
.folder.closed {
display: none;
}
}
&:not(.open) {
.folder.open {
display: none;
}
.folder.closed {
display: inline-block;
}
}
img {
height: 16px;
display: none;
margin-right: 4px;
}
span:first-child {
/*color: #004680;*/
color: #800033;
}
span:last-child {
@ -39,19 +76,24 @@ body {
font-weight: normal;
}
}
.top + .type {
background-color: #f8f;
.top+.type,
.top+.type+.value {
background-color: #f8f8f8;
}
.top-most,
.top-most + .type,
.top-most + .type + .value
{
display:grid;
}
.record {
/*display: none;*/
display: none;
font-weight: normal;
color: #444;
&.show {
display: block;
}
span:first-child {
color: #800033;
}
@ -61,7 +103,13 @@ body {
}
}
.record + .type {
color: #f0f;
.record+.type,
.record+.type+.value {
display: none;
padding-left: 16px;
}
.record+.type+.value {
color: #800033;
}
}