From 691702045416bb1802ed6a260bf2c72dc87bc762 Mon Sep 17 00:00:00 2001
From: Dorine Lambinet <dorine.lambinet@gmail.com>
Date: Thu, 2 Feb 2023 13:22:54 +0100
Subject: [PATCH] Rectifie z-index des modal pour fixer le bug d'affichage
(onglets qui passaient devant)
---
src/lib/components/parameters/ArticleModal.svelte | 2 +-
src/lib/components/test_cases/TestCaseCompareModal.svelte | 2 +-
src/lib/components/test_cases/TestCaseSelectModal.svelte | 2 +-
src/routes/+page.svelte | 2 +-
tailwind.config.cjs | 3 +++
5 files changed, 7 insertions(+), 4 deletions(-)
diff --git a/src/lib/components/parameters/ArticleModal.svelte b/src/lib/components/parameters/ArticleModal.svelte
index a083a5d29..61fc5ab20 100644
--- a/src/lib/components/parameters/ArticleModal.svelte
+++ b/src/lib/components/parameters/ArticleModal.svelte
@@ -42,7 +42,7 @@
<Transition appear show={referenceUrl !== null}>
<Dialog
as="div"
- class="fixed inset-0 z-20 overflow-y-auto"
+ class="fixed inset-0 z-40 overflow-y-auto"
on:close={closeModal}
>
<div class="min-h-screen px-4 text-center">
diff --git a/src/lib/components/test_cases/TestCaseCompareModal.svelte b/src/lib/components/test_cases/TestCaseCompareModal.svelte
index 575ea58fa..ef440373a 100644
--- a/src/lib/components/test_cases/TestCaseCompareModal.svelte
+++ b/src/lib/components/test_cases/TestCaseCompareModal.svelte
@@ -84,7 +84,7 @@
<Transition appear show={isOpen}>
<Dialog
as="div"
- class="fixed inset-0 z-20 overflow-y-auto"
+ class="fixed inset-0 z-40 overflow-y-auto"
on:close={closeModal}
>
<div class="min-h-screen px-4 text-center">
diff --git a/src/lib/components/test_cases/TestCaseSelectModal.svelte b/src/lib/components/test_cases/TestCaseSelectModal.svelte
index f2f5afe10..78234c44f 100644
--- a/src/lib/components/test_cases/TestCaseSelectModal.svelte
+++ b/src/lib/components/test_cases/TestCaseSelectModal.svelte
@@ -48,7 +48,7 @@
<Transition appear show={isOpen}>
<Dialog
as="div"
- class="fixed inset-0 z-30 overflow-y-auto"
+ class="fixed inset-0 z-40 overflow-y-auto"
on:close={closeModal}
>
<div class="min-h-screen px-4 text-center">
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e208e7056..cb56d6c1c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1057,7 +1057,7 @@
>
<!--en-tête-->
<div
- class="sticky top-0 z-30 mb-4 flex flex-col border-b bg-yellow-50 md:pl-3 md:pr-6 lg:pl-5 lg:pr-8"
+ class="sticky top-0 z-25 mb-4 flex flex-col border-b bg-yellow-50 md:pl-3 md:pr-6 lg:pl-5 lg:pr-8"
>
<!--
<select
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index a2a469913..5b3bcec0e 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -48,6 +48,9 @@ const config = {
"le-vert-validation": "#13CC03",
"le-vert-validation-dark": "#377330",
},
+ zIndex: {
+ '25': '25',
+ }
},
fontFamily: {
sans: ["Lato", "sans-serif"],
--
GitLab