From 727fdfa2e354ed65cd8a1ea92b75339cf9532349 Mon Sep 17 00:00:00 2001
From: Noah Lancien <noah.lancien@ldc.fr>
Date: Tue, 21 Nov 2023 15:24:41 +0100
Subject: [PATCH] Updated button style class in ckeditor

---
 resources/ts/bo/components/CkEditorComponent.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/resources/ts/bo/components/CkEditorComponent.vue b/resources/ts/bo/components/CkEditorComponent.vue
index c8cec3d..77d3e80 100644
--- a/resources/ts/bo/components/CkEditorComponent.vue
+++ b/resources/ts/bo/components/CkEditorComponent.vue
@@ -15,6 +15,7 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
+// @ts-ignore
 import CKUploadAdapterPlugin from "./../../../js/ckUploadAdaptater";
 import "./../../../js/vendor/ckeditor";
 import trans from "./../../modules/trans";
@@ -432,9 +433,9 @@ export default defineComponent({
       style: {
         definitions: [
           {
-            name: "Button",
+            name: "Bouton",
             element: "a",
-            classes: [ "btn btn-primary" ]
+            classes: [ "ckeditor-content-button" ]
           },
           {
             name: "Chiffre clé",
@@ -526,6 +527,7 @@ export default defineComponent({
     },
   },
   methods: {
+    // @ts-ignore
     makeEditorBuild(config: Config<EditorConfig>) {
       // @ts-ignore
       ClassicEditor.create(this.ckeditor, config)
@@ -597,6 +599,13 @@ export default defineComponent({
   .ck-editor__main{
     color: $body-color;
   }
+  .ckeditor-content-button {
+    background-color: #6c757d;
+    border: 1px solid #c4c4c4;
+    padding: 0.375rem 0.75rem;
+    color: #fff;
+    border-radius: 0.375rem;
+  }
 }
 
 </style>