From e46ecddf44217f58bbe7777678bd33649434d5e3 Mon Sep 17 00:00:00 2001
From: Otto Wachter <Otto.Wachter@albertsons.com>
Date: Wed, 9 Oct 2024 10:48:30 -0400
Subject: [PATCH] remove debugging, fix flex direction

---
 less/toast.less | 33 +++++----------------------------
 1 file changed, 5 insertions(+), 28 deletions(-)

diff --git a/less/toast.less b/less/toast.less
index 61337b5e..b2da24b7 100644
--- a/less/toast.less
+++ b/less/toast.less
@@ -13,22 +13,14 @@
 @rack-width: 300px;
 @rack-max-height: 400px;
 
-// Debugging colors for visibility
-@debug-border-color: yellow;
-@debug-background: rgba(255, 255, 0, 0.2);
-@debug-z-index: 9999;
-
-// Toast container positions with added debugging styles
+// Toast container positions
 .enable-toast {
     &__container {
         position: fixed;
-        z-index: @debug-z-index; // Increased z-index for debugging visibility
+        z-index: 9999;
         display: flex;
+        flex-direction: column;
         transition: @toast-transition;
-        border: 2px dashed @debug-border-color; // Debugging border to visualize container
-
-        // Debugging background to visualize container
-        background-color: @debug-background;
 
         &--bottom-right,
         &--bottom-left,
@@ -65,7 +57,7 @@
         }
     }
 
-    // Toast item styles with debugging styles for visibility
+    // Toast item styles
     &__item {
         display: flex;
         align-items: center;
@@ -79,10 +71,6 @@
         opacity: 0;
         transition: opacity 0.5s ease-in-out;
 
-        // Debugging border and background to visualize the toast
-        border: 2px solid red;
-        background-color: @debug-background;
-
         &--visible {
             opacity: 1;
         }
@@ -99,14 +87,12 @@
         font-size: 16px;
         cursor: pointer;
 
-        // Debugging hover color
         &:hover {
             color: @toast-close-hover-color;
-            border: 1px solid @debug-border-color; // Debugging border
         }
     }
 
-    // Toast rack with debugging styles
+    // Toast rack
     &__rack {
         position: fixed;
         top: 20px;
@@ -119,14 +105,5 @@
         overflow-y: auto;
         display: none;
         z-index: 9998;
-
-        // Debugging styles
-        background-color: rgba(
-            0,
-            255,
-            0,
-            0.2
-        ); // Light green background for rack visibility
-        border: 2px dashed orange;
     }
 }