From 138e1662c72a4a9f897163f4c2511c307194623d Mon Sep 17 00:00:00 2001
From: Sli <antoine@bartuccio.fr>
Date: Tue, 24 Dec 2024 00:29:23 +0100
Subject: [PATCH] Add popup css class and display basket error messages with it
 on counter click

---
 core/static/core/style.scss                   | 21 ++++++++++++++++++-
 counter/templates/counter/counter_click.jinja |  2 +-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/core/static/core/style.scss b/core/static/core/style.scss
index 06feea50..2f12d380 100644
--- a/core/static/core/style.scss
+++ b/core/static/core/style.scss
@@ -337,12 +337,31 @@ body {
     margin-left: -125px;
     box-sizing: border-box;
     position: fixed;
-    z-index: 1;
+    z-index: 10;
+    /* to get on top of tomselect */
     left: 50%;
     top: 60px;
     text-align: center;
   }
 
+  .popup {
+    z-index: 10;
+    /* to get on top of tomselect */
+    display: inline-block;
+    text-align: center;
+    overflow: auto;
+    margin: auto;
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 20vh;
+    width: 20vw;
+    align-content: center;
+  }
+
+
   .tabs {
     border-radius: 5px;
 
diff --git a/counter/templates/counter/counter_click.jinja b/counter/templates/counter/counter_click.jinja
index 37356ea0..b4257b76 100644
--- a/counter/templates/counter/counter_click.jinja
+++ b/counter/templates/counter/counter_click.jinja
@@ -33,7 +33,7 @@
 
     <p
       x-cloak
-      class="alert alert-red snackbar"
+      class="alert alert-red popup"
       x-show="alertMessage.show"
       x-transition.duration.500ms
       x-text="alertMessage.content"