Skip to content

Commit ddb1502

Browse files
authored
Keep the edit header sticky with a solid background (#2561)
1 parent c759b97 commit ddb1502

2 files changed

Lines changed: 11 additions & 0 deletions

File tree

web/src/app/components/edit-survey/_edit-survey.component-theme.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,10 @@
1818
@use '@angular/material' as mat;
1919

2020
@mixin color($theme) {
21+
.page > ground-survey-header {
22+
background-color: mat.get-theme-color($theme, neutral, 94);
23+
}
24+
2125
.edit-survey-title {
2226
color: mat.get-theme-color($theme, on-background);
2327
}

web/src/app/components/edit-survey/edit-survey.component.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,13 @@
1616

1717
.page {
1818
min-height: 100%;
19+
20+
> ground-survey-header {
21+
display: block;
22+
position: sticky;
23+
top: 0;
24+
z-index: 2;
25+
}
1926
}
2027

2128
.loading-spinner {

0 commit comments

Comments
 (0)