From 241dbd1dedb77cf14c25e28447cea55dc946d804 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Bellet <jb.bellet@gmail.com>
Date: Thu, 14 Sep 2023 10:43:09 +0200
Subject: [PATCH] move plugins/powertip into admin v3 context

---
 app/webpacker/css/admin_v3/all.scss           |   2 +-
 .../css/admin_v3/plugins/powertip.scss        | 118 ++++++++++++++++++
 2 files changed, 119 insertions(+), 1 deletion(-)
 create mode 100644 app/webpacker/css/admin_v3/plugins/powertip.scss

diff --git a/app/webpacker/css/admin_v3/all.scss b/app/webpacker/css/admin_v3/all.scss
index 55644ea93d..55ea5839e5 100644
--- a/app/webpacker/css/admin_v3/all.scss
+++ b/app/webpacker/css/admin_v3/all.scss
@@ -38,7 +38,7 @@
 @import "../shared/trix";
 
 @import "plugins/flatpickr-customization"; // admin_v3
-@import "../admin/plugins/powertip";
+@import "plugins/powertip"; // admin_v3
 @import "../admin/plugins/jstree";
 
 @import "sections/orders"; // admin_v3
diff --git a/app/webpacker/css/admin_v3/plugins/powertip.scss b/app/webpacker/css/admin_v3/plugins/powertip.scss
new file mode 100644
index 0000000000..4afc7dfddb
--- /dev/null
+++ b/app/webpacker/css/admin_v3/plugins/powertip.scss
@@ -0,0 +1,118 @@
+#powerTip {
+  background-color: $color-3;
+  padding: 5px 15px;
+  @include border-radius($border-radius);
+
+  &.n:before,
+  &.ne:before,
+  &.nw:before {
+    border-top-width: 5px;
+    border-top-color: $color-3;
+    bottom: -5px;
+  }
+
+  &.e:before {
+    border-right-width: 5px;
+    border-right-color: $color-3;
+    left: -5px;
+  }
+  &.s:before,
+  &.se:before,
+  &.sw:before {
+    border-bottom-width: 5px;
+    border-bottom-color: $color-3;
+    top: -5px;
+  }
+  &.w:before {
+    border-left-width: 5px;
+    border-left-color: $color-3;
+    right: -5px;
+  }
+  &.ne:before,
+  &.se:before {
+    border-right-width: 5px;
+    border-right-color: $color-3;
+    left: -5px;
+  }
+  &.nw:before,
+  &.sw:before {
+    border-left-width: 5px;
+    border-right-color: $color-3;
+    right: -5px;
+  }
+
+  &.clone,
+  &.yellow,
+  &.cancel {
+    background-color: $color-notice;
+
+    &.n:before,
+    &.ne:before,
+    &.nw:before {
+      border-top-color: $color-notice;
+    }
+    &.e:before,
+    &.nw:before,
+    &.sw:before {
+      border-right-color: $color-notice;
+    }
+    &.s:before,
+    &.se:before,
+    &.sw:before {
+      border-bottom-color: $color-notice;
+    }
+    &.w:before {
+      border-left-color: $color-notice;
+    }
+  }
+  &.edit,
+  &.green,
+  &.capture,
+  &.save,
+  &.add {
+    background-color: $color-success;
+
+    &.n:before,
+    &.ne:before,
+    &.nw:before {
+      border-top-color: $color-success;
+    }
+    &.e:before,
+    &.nw:before,
+    &.sw:before {
+      border-right-color: $color-success;
+    }
+    &.s:before,
+    &.se:before,
+    &.sw:before {
+      border-bottom-color: $color-success;
+    }
+    &.w:before {
+      border-left-color: $color-success;
+    }
+  }
+  &.remove,
+  &.red,
+  &.void {
+    background-color: $color-error;
+
+    &.n:before,
+    &.ne:before,
+    &.nw:before {
+      border-top-color: $color-error;
+    }
+    &.e:before,
+    &.nw:before,
+    &.sw:before {
+      border-right-color: $color-error;
+    }
+    &.s:before,
+    &.se:before,
+    &.sw:before {
+      border-bottom-color: $color-error;
+    }
+    &.w:before {
+      border-left-color: $color-error;
+    }
+  }
+}