From 2abbce677a4b98521cd538bfa55296324887ff26 Mon Sep 17 00:00:00 2001
From: Matthieu Leproux <leproux.matthieu@gmail.com>
Date: Fri, 21 May 2021 12:42:23 +0200
Subject: [PATCH] Setting style of selectize input items like in user popIn
 (related to #1265)

---
 .../default/template/batch_manager_global.tpl | 25 ++++++++++++++++
 .../default/template/batch_manager_unit.tpl   | 29 ++++++++++++++++++-
 .../default/template/picture_modify.tpl       | 27 +++++++++++++++++
 3 files changed, 80 insertions(+), 1 deletion(-)

diff --git a/admin/themes/default/template/batch_manager_global.tpl b/admin/themes/default/template/batch_manager_global.tpl
index 021b2207c..0673ad019 100644
--- a/admin/themes/default/template/batch_manager_global.tpl
+++ b/admin/themes/default/template/batch_manager_global.tpl
@@ -807,4 +807,29 @@ UL.thumbnails SPAN.wrap2 {ldelim}
   min-width: 500px;
   height: 44px;
 }
+
+#action_add_tags .item,
+#action_add_tags .item.active {
+  background-image:none;
+  background-color: #ffa646;
+  border-color: transparent;
+  color: black;
+
+  border-radius: 20px;
+}
+
+#action_add_tags .item .remove,
+#action_add_tags .item .remove {
+  background-color: transparent;
+  border-top-right-radius: 20px;
+  border-bottom-right-radius: 20px;
+  color: black;
+  
+  border-left: 1px solid transparent;
+
+}
+#action_add_tags .item .remove:hover,
+#action_add_tags .item .remove:hover {
+  background-color: #ff7700;
+}
 </style>
\ No newline at end of file
diff --git a/admin/themes/default/template/batch_manager_unit.tpl b/admin/themes/default/template/batch_manager_unit.tpl
index 153ab7144..a8f5846c8 100644
--- a/admin/themes/default/template/batch_manager_unit.tpl
+++ b/admin/themes/default/template/batch_manager_unit.tpl
@@ -121,4 +121,31 @@ jQuery("a.preview-box").colorbox( {
 </p>
 {/if}
 
-</form>
\ No newline at end of file
+</form>
+
+<style>
+.selectize-input  .item,
+.selectize-input .item.active {
+  background-image:none !important;
+  background-color: #ffa646 !important;
+  border-color: transparent !important;
+  color: black !important;
+
+  border-radius: 20px !important;
+}
+
+.selectize-input .item .remove,
+.selectize-input .item .remove {
+  background-color: transparent !important;
+  border-top-right-radius: 20px !important;
+  border-bottom-right-radius: 20px !important;
+  color: black !important;
+  
+  border-left: 1px solid transparent !important;
+
+}
+.selectize-input .item .remove:hover,
+.selectize-input .item .remove:hover {
+  background-color: #ff7700 !important;
+}
+</style>
\ No newline at end of file
diff --git a/admin/themes/default/template/picture_modify.tpl b/admin/themes/default/template/picture_modify.tpl
index 580bbc485..dce4f48d6 100644
--- a/admin/themes/default/template/picture_modify.tpl
+++ b/admin/themes/default/template/picture_modify.tpl
@@ -199,3 +199,30 @@ $('#action-delete-picture').on('click', function() {
   </div>
 
 </form>
+
+<style>
+.selectize-input  .item,
+.selectize-input .item.active {
+  background-image:none !important;
+  background-color: #ffa646 !important;
+  border-color: transparent !important;
+  color: black !important;
+
+  border-radius: 20px !important;
+}
+
+.selectize-input .item .remove,
+.selectize-input .item .remove {
+  background-color: transparent !important;
+  border-top-right-radius: 20px !important;
+  border-bottom-right-radius: 20px !important;
+  color: black !important;
+  
+  border-left: 1px solid transparent !important;
+
+}
+.selectize-input .item .remove:hover,
+.selectize-input .item .remove:hover {
+  background-color: #ff7700 !important;
+}
+</style>
\ No newline at end of file