update gallery z-index (#2066)

ec-europa · May 17, 2021 · 6844b59 · 6844b59
1 parent 8d8556f
commit 6844b59
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 2 deletions.
diff --git a/src/systems/ec/design-tokens/tokens/z-index.yml b/src/systems/ec/design-tokens/tokens/z-index.yml
@@ -3,4 +3,5 @@ aliases:
   Z_INDEX_NAVIGATION: 10
   Z_INDEX_DROPDOWN: 15
   Z_INDEX_MODAL: 50
+  Z_INDEX_OVERLAY: 100
   Z_INDEX_MAX: 9999
diff --git a/...ystems/ec/implementations/vanilla/packages/ec-component-gallery/ec-component-gallery.scss b/...ystems/ec/implementations/vanilla/packages/ec-component-gallery/ec-component-gallery.scss
@@ -182,7 +182,7 @@
  */
 @mixin ecl-gallery-overlay(
   $overlay-background: $ecl-color-black-100,
-  $overlay-z-index: $ecl-z-index-modal,
+  $overlay-z-index: $ecl-z-index-overlay,
   $detail-background: $ecl-color-grey-100,
   $detail-color: $ecl-color-white-100
 ) {

diff --git a/src/systems/ec/themes/default/aliases/z-index.yml b/src/systems/ec/themes/default/aliases/z-index.yml
@@ -24,6 +24,11 @@ props:
     comment: Z-index modal
     type: number
     category: z-index
+  - name: Z_INDEX_OVERLAY
+    value: '{!Z_INDEX_OVERLAY}'
+    comment: Z-index overlay
+    type: number
+    category: z-index
   - name: Z_INDEX_MAX
     value: '{!Z_INDEX_MAX}'
     comment: Z-index max

diff --git a/src/systems/eu/design-tokens/tokens/z-index.yml b/src/systems/eu/design-tokens/tokens/z-index.yml
@@ -3,4 +3,5 @@ aliases:
   Z_INDEX_NAVIGATION: 10
   Z_INDEX_DROPDOWN: 15
   Z_INDEX_MODAL: 50
+  Z_INDEX_OVERLAY: 100
   Z_INDEX_MAX: 9999
diff --git a/...ystems/eu/implementations/vanilla/packages/eu-component-gallery/eu-component-gallery.scss b/...ystems/eu/implementations/vanilla/packages/eu-component-gallery/eu-component-gallery.scss
@@ -182,7 +182,7 @@
  */
 @mixin ecl-gallery-overlay(
   $overlay-background: $ecl-color-black-100,
-  $overlay-z-index: $ecl-z-index-modal,
+  $overlay-z-index: $ecl-z-index-overlay,
   $detail-background: $ecl-color-grey-100,
   $detail-color: $ecl-color-white-100
 ) {

diff --git a/src/systems/eu/themes/default/aliases/z-index.yml b/src/systems/eu/themes/default/aliases/z-index.yml
@@ -24,6 +24,11 @@ props:
     comment: Z-index modal
     type: number
     category: z-index
+  - name: Z_INDEX_OVERLAY
+    value: '{!Z_INDEX_OVERLAY}'
+    comment: Z-index overlay
+    type: number
+    category: z-index
   - name: Z_INDEX_MAX
     value: '{!Z_INDEX_MAX}'
     comment: Z-index max