davejansen/98.css
1
0
Fork 0
mirror of https://github.com/jdan/98.css.git synced 2026-05-05 06:01:22 +09:00
Code Issues Activity

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
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;
}