Pull request #31: Sticky table headers

Merge in RED/ui from sticky-headers to master

* commit '7c21b7b5d359c2ca6bac1f42ae414e0544c07ae3':
  Sticky table headers
This commit is contained in:
Timo Bejan 2020-11-06 15:59:45 +01:00
commit b70c55e343
2 changed files with 13 additions and 1 deletions

View File

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

View File

@ -2,12 +2,15 @@
@import 'red-mixins';
.table-header {
background-color: rgba(226, 228, 233, 0.9);
background-color: $grey-6;
height: 50px;
padding: 0 16px;
display: flex;
justify-content: space-between;
align-items: center;
position: sticky;
top: 50px;
z-index: 1;
.actions {
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 {
grid-column: 1/-1;
padding: 12px;