Refine route-scoped tape subscriptions and table virtualization
- Scope live channels by route and trim unused feed work - Switch tape tables to fixed-height virtual rows with separate scroll containers - Add tests for route feature maps and virtual config
This commit is contained in:
parent
bb1df9b58b
commit
9c351d12d1
5 changed files with 955 additions and 582 deletions
|
|
@ -956,17 +956,27 @@ h3 {
|
|||
.data-table-wrap {
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
overflow: auto;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
border-top: 1px solid var(--border);
|
||||
border-bottom: 1px solid var(--border);
|
||||
background: rgba(5, 8, 12, 0.42);
|
||||
}
|
||||
|
||||
.data-table {
|
||||
display: block;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
min-width: 980px;
|
||||
}
|
||||
|
||||
.data-table-scroll {
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.data-table-body {
|
||||
position: relative;
|
||||
min-width: 100%;
|
||||
|
|
@ -1004,10 +1014,8 @@ h3 {
|
|||
}
|
||||
|
||||
.data-table-head {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
min-height: 30px;
|
||||
flex: 0 0 auto;
|
||||
height: 30px;
|
||||
padding: 0 10px;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.095);
|
||||
background: rgba(8, 11, 16, 0.98);
|
||||
|
|
@ -1019,7 +1027,7 @@ h3 {
|
|||
|
||||
.data-table-row {
|
||||
width: 100%;
|
||||
min-height: 40px;
|
||||
height: 40px;
|
||||
padding: 0 10px;
|
||||
border: 0;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.055);
|
||||
|
|
@ -1035,6 +1043,7 @@ h3 {
|
|||
|
||||
.data-table-virtual-row {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -1050,18 +1059,18 @@ h3 {
|
|||
}
|
||||
|
||||
.data-table-row-options {
|
||||
min-height: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.data-table-row-equities {
|
||||
min-height: 34px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.data-table-row-flow,
|
||||
.data-table-row-alerts,
|
||||
.data-table-row-classifier,
|
||||
.data-table-row-dark {
|
||||
min-height: 44px;
|
||||
height: 44px;
|
||||
}
|
||||
|
||||
.data-table-row-classified {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue