Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

Sticky table headers

Browse Source
This commit is contained in:
Adina Țeudan 2020-11-06 15:18:08 +02:00
parent 708d1e50a7
commit 7c21b7b5d3
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
apps/red-ui/src/assets/styles/red-page-layout.scss
View File

@ -38,6 +38,7 @@ body {
padding: $right-container-padding; padding: $right-container-padding;
position: fixed; position: fixed;
right: 0; right: 0;
z-index: 2;
.actions-row { .actions-row {
display: flex; display: flex;

13
apps/red-ui/src/assets/styles/red-tables.scss
View File

@ -2,12 +2,15 @@
@import 'red-mixins'; @import 'red-mixins';
.table-header { .table-header {
background-color: rgba(226, 228, 233, 0.9); background-color: $grey-6;
height: 50px; height: 50px;
padding: 0 16px; padding: 0 16px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
position: sticky;
top: 50px;
z-index: 1;
.actions { .actions {
display: flex; display: flex;
@ -16,6 +19,14 @@
} }
} }
redaction-table-col-name,
.select-oval-placeholder {
background-color: $white;
position: sticky;
top: 100px;
z-index: 1;
}
.no-data { .no-data {
grid-column: 1/-1; grid-column: 1/-1;
padding: 12px; padding: 12px;