From 6a771ad09c97da127b5930a03cc9efbcfc1ef429 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Bellet <jb.bellet@gmail.com>
Date: Tue, 12 Sep 2023 14:44:22 +0200
Subject: [PATCH] Move `text-angular` component rules to admin_style_v3 context

---
 app/webpacker/css/admin_v3/all.scss           |  1 +
 .../css/admin_v3/components/text-angular.scss | 43 +++++++++++++++++++
 2 files changed, 44 insertions(+)
 create mode 100644 app/webpacker/css/admin_v3/components/text-angular.scss

diff --git a/app/webpacker/css/admin_v3/all.scss b/app/webpacker/css/admin_v3/all.scss
index 20080d2490..00df5b51e3 100644
--- a/app/webpacker/css/admin_v3/all.scss
+++ b/app/webpacker/css/admin_v3/all.scss
@@ -76,6 +76,7 @@
 @import "../admin/components/todo";
 @import "../admin/components/tooltip";
 @import "../admin/components/wizard_progress";
+@import "components/text-angular"; // admin_v3
 
 @import "../admin/pages/enterprise_form";
 @import "../admin/pages/subscription_form";
diff --git a/app/webpacker/css/admin_v3/components/text-angular.scss b/app/webpacker/css/admin_v3/components/text-angular.scss
new file mode 100644
index 0000000000..d6eab98151
--- /dev/null
+++ b/app/webpacker/css/admin_v3/components/text-angular.scss
@@ -0,0 +1,43 @@
+// textAngular wysiwyg
+text-angular {
+  .ta-editor {
+    border: 1px solid $pale-blue;
+    border-radius: 3px;
+  }
+
+  .ta-toolbar {
+    border: 1px solid #cdd9e4;
+    padding: 0.4em;
+    margin-bottom: -1px;
+    background-color: #f1f1f1;
+    border-radius: 0.25em 0.25em 0 0;
+  }
+  .ta-scroll-window > .ta-bind {
+    max-height: 400px;
+    min-height: 100px;
+    outline: none;
+    p {
+      margin-bottom: 1.5rem;
+    }
+  }
+  .ta-scroll-window.form-control {
+    min-height: 100px;
+    box-shadow: none !important;
+  }
+  .btn-group {
+    display: inline;
+    margin-right: 8px;
+    button {
+      padding: 5px 10px !important; // Add `!important` to be more specific than the default button styles (app/webpacker/css/admin/components/buttons.scss)
+      // Hope this (text-angular) will be removed soon in order to use trix editor
+      margin-right: 0.25em;
+    }
+    button.active:not(:hover) {
+      box-shadow: 0 0 0.7em rgba(0, 0, 0, 0.3) inset;
+      background-color: #4583bf;
+    }
+  }
+  a {
+    color: $spree-green;
+  }
+}