From aa5adfc3a94c546f3584d66b60171f32bebee170 Mon Sep 17 00:00:00 2001
From: Boubaker Khanfir <boubaker.khanfir@exoplatform.com>
Date: Tue, 10 Oct 2023 12:04:41 +0100
Subject: [PATCH] feat: Remove Vuetify Alert Component overridden style -
 MEED-2627 - Meeds-io/MIPs#99 (#685)

Prior to this change, the style of v-alert Vuetify component was
embedded by style. This change will delete the overridden style in favor
of adding a centralized component in social which will define the Toast
notification style.
---
 .../main/webapp/skin/less/core/helpers.less   | 12 +++++++++++
 .../src/main/webapp/skin/less/variables.less  |  2 +-
 .../webapp/skin/less/vuetify/vuetify-all.less | 21 +------------------
 3 files changed, 14 insertions(+), 21 deletions(-)

diff --git a/platform-ui-skin/src/main/webapp/skin/less/core/helpers.less b/platform-ui-skin/src/main/webapp/skin/less/core/helpers.less
index f054bb0e8..0e73385a3 100644
--- a/platform-ui-skin/src/main/webapp/skin/less/core/helpers.less
+++ b/platform-ui-skin/src/main/webapp/skin/less/core/helpers.less
@@ -109,6 +109,15 @@
 .error-color-background {
   background-color: @errorColor !important;
 }
+.success-color-background {
+  background-color: @successColor !important;
+}
+.info-color-background {
+  background-color: @infoColor !important;
+}
+.warning-color-background {
+  background-color: @warningColor !important;
+}
 .light-grey-background {
   background-color: @greyColorOpacity1 !important;
 }
@@ -498,6 +507,9 @@
   color: @mediumGrey !important;
 }
 
+.z-index-snackbar {
+  z-index: @zindexSnackBar!important;
+}
 .z-index-modal {
   z-index: @zindexModal!important;
 }
diff --git a/platform-ui-skin/src/main/webapp/skin/less/variables.less b/platform-ui-skin/src/main/webapp/skin/less/variables.less
index f8a8e5d19..574aef142 100644
--- a/platform-ui-skin/src/main/webapp/skin/less/variables.less
+++ b/platform-ui-skin/src/main/webapp/skin/less/variables.less
@@ -292,7 +292,7 @@
 @zindexTooltip:           var(--allPagesZindexTooltip, 1040);
 @zindexModalBackdrop:     var(--allPagesZindexModalBackdrop, 1040);
 @zindexModal:             var(--allPagesZindexModal, 1050);
-
+@zindexSnackBar:          var(--allPagesZindexSnackbar, 1060);
 
 
 // Hr border color
diff --git a/platform-ui-skin/src/main/webapp/skin/less/vuetify/vuetify-all.less b/platform-ui-skin/src/main/webapp/skin/less/vuetify/vuetify-all.less
index 9d20a570c..cc7740f2a 100644
--- a/platform-ui-skin/src/main/webapp/skin/less/vuetify/vuetify-all.less
+++ b/platform-ui-skin/src/main/webapp/skin/less/vuetify/vuetify-all.less
@@ -334,25 +334,6 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
       margin-top: -23px;
     }
 
-    .v-alert:not(.position-static):not(.position-relative) {
-      position: fixed;
-      z-index: 1000;
-      bottom: 15px;
-      left: 35px;
-      box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
-      border-left: 5px solid;
-    }
-
-    .v-alert__content{
-      padding-right: 50px ~'; /** orientation=lt */ ';
-      padding-left: 50px ~'; /** orientation=rt */ ';
-    }
-
-    .v-alert__icon.v-icon {
-      margin-top: auto;
-      margin-bottom: auto;
-    }
-
     .warning {
       background: @warningBackground !important;
       border-color: @warningBorder !important;
@@ -564,7 +545,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
     }
 
     .v-snack {
-      z-index: @zindexModal!important;
+      z-index: @zindexSnackBar!important;
     }
   }
 }