arbetsformedlingen/mina-sidor-fa-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bugfix(z-index): Fixed several z-index problems, progress-bar inside nya deltagare is now hidden behind the header when scrolling. (TV-551)

Browse Source 
Squashed commit of the following:

commit 87b53c3d03f71b5cfd6e632e39a3f2723deecdee
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Thu Sep 16 10:57:12 2021 +0200

    Fixed issue with z-indexes
This commit is contained in:
Erik Tiekstra
2021-09-16 11:04:25 +02:00
parent bc8b09d0dc
commit ded0b83935
18 changed files with 62 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/mina-sidor-fa/src/styles/mixins/_backdrop.scss
View File

@@ -1,9 +1,16 @@
@mixin msfa__backdrop($zIndex: 0) {
position: absolute;
@import 'variables/z-index';
@mixin msfa__backdrop($zIndex: $msfa__z-index-default, $fullScreen: true) {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: $zIndex;
background-color: rgba(255, 255, 255, 0.4);
@if $fullScreen {
position: fixed;
} @else {
position: absolute;
}
}

7
apps/mina-sidor-fa/src/styles/styles.scss
View File

@@ -3,6 +3,7 @@
@import 'mixins/backdrop';
@import 'mixins/icon';
@import 'mixins/link';
@import 'variables/z-index';
* {
font-family: var(--digi--typography--font-family);
@@ -65,7 +66,11 @@ dl {
}
&__backdrop {
@include msfa__backdrop;
@include msfa__backdrop($msfa__z-index-default, false);
&--full-screen {
@include msfa__backdrop($msfa__z-index-backdrop);
}
}
&__digi-icon {

8
apps/mina-sidor-fa/src/styles/variables/_z-index.scss Normal file
View File

@@ -0,0 +1,8 @@
$msfa__z-index-default: 0;
$msfa__z-index-header: 1;
$msfa__z-index-sidebar: 1;
$msfa__z-index-footer: 0;
$msfa__z-index-selector-panel: 1;
$msfa__z-index-backdrop: 1000;
$msfa__z-index-skip-to-content: 2;
$msfa__z-index-toast: 9999;