diff --git a/apps/red-ui/src/assets/styles/red-page-layout.scss b/apps/red-ui/src/assets/styles/red-page-layout.scss index fb2a0b9ac..7c8c8fd5c 100644 --- a/apps/red-ui/src/assets/styles/red-page-layout.scss +++ b/apps/red-ui/src/assets/styles/red-page-layout.scss @@ -38,6 +38,7 @@ body { padding: $right-container-padding; position: fixed; right: 0; + z-index: 2; .actions-row { display: flex; diff --git a/apps/red-ui/src/assets/styles/red-tables.scss b/apps/red-ui/src/assets/styles/red-tables.scss index 53981256c..b5c5c0033 100644 --- a/apps/red-ui/src/assets/styles/red-tables.scss +++ b/apps/red-ui/src/assets/styles/red-tables.scss @@ -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;