errilaz/98se.css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Implement TableView component (#151)

Browse source
This commit is contained in:
robert-ryu7 2022-11-13 21:49:59 +01:00 • committed by GitHub
parent 760731a828
commit d39788c788
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 143 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

42
style.css
View file

@ -99,6 +99,7 @@ input,
textarea,
select,
option,
table,
ul.tree-view,
.window,
.title-bar {
@ -790,3 +791,44 @@ summary:focus {
width: 16px;
background-image: svg-load("./icon/button-right.svg");
}
.sunken-panel {
box-sizing: border-box;
border: 2px groove transparent;
border-image: svg-load("./icon/sunken-panel-border.svg") 2;
overflow: auto;
background-color: #fff;
}
table {
border-collapse: collapse;
position: relative;
text-align: left;
white-space: nowrap;
background-color: #fff;
}
table > thead > tr > * {
position: sticky;
top: 0;
height: 17px;
box-shadow: var(--border-raised-outer), var(--border-raised-inner);
background: var(--surface);
box-sizing: border-box;
font-weight: normal;
padding: 0 var(--grouped-element-spacing);
}
table.interactive > tbody > tr {
cursor: pointer;
}
table > tbody > tr.highlighted {
color: #fff;
background-color: var(--dialog-blue);
}
table > tbody > tr > * {
padding: 0 var(--grouped-element-spacing);
height: 14px;
}