From b0e6062bec89ca287bdfa8c5807714c91fedca1b Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Bellet <jb.bellet@gmail.com>
Date: Thu, 7 Sep 2023 15:30:28 +0200
Subject: [PATCH] Create a `arrowDown` mixin in order to display arrow for
 select compoentns

---
 app/webpacker/css/admin_v3/components/select2.scss | 12 +-----------
 app/webpacker/css/admin_v3/mixins.scss             | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/app/webpacker/css/admin_v3/components/select2.scss b/app/webpacker/css/admin_v3/components/select2.scss
index ad7fec81a4..fd15ffa70b 100644
--- a/app/webpacker/css/admin_v3/components/select2.scss
+++ b/app/webpacker/css/admin_v3/components/select2.scss
@@ -206,17 +206,7 @@ label .select2-container {
       b {
         padding-top: 11px; // adjust to align with tom-select
         &:before {
-          content: " ";
-          display: block;
-          position: absolute;
-          top: 50%;
-          right: 15px;
-          margin-top: -3px;
-          width: 0;
-          height: 0;
-          border-style: solid;
-          border-width: 5px 5px 0 5px;
-          border-color: #808080 transparent transparent transparent;
+          @include arrowDown;
         }
       }
     }
diff --git a/app/webpacker/css/admin_v3/mixins.scss b/app/webpacker/css/admin_v3/mixins.scss
index 76f01458be..5301558d32 100644
--- a/app/webpacker/css/admin_v3/mixins.scss
+++ b/app/webpacker/css/admin_v3/mixins.scss
@@ -1,3 +1,17 @@
 @mixin defaultBoxShadow {
   box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.07);
 }
+
+@mixin arrowDown {
+  content: " ";
+  display: block;
+  position: absolute;
+  top: 50%;
+  right: 15px;
+  margin-top: -3px;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 5px 5px 0 5px;
+  border-color: #808080 transparent transparent transparent;
+}