From 082c31fe487dd04bdad1ef6043c5f8bed826f02d Mon Sep 17 00:00:00 2001
From: Plamen Yordanov <plamen.yordanov@graphwise.ai>
Date: Fri, 29 May 2026 15:48:11 +0300
Subject: [PATCH] GDB-14685 fix transparent copy button styling

## What
Fix transparent copy button styling in `copy-text-element.js`.

## Why
The button was transparent

## How
Added `editor-button` class, which will extend `btn-secondary` and override the background color to the provided one

## Testing
n/a
---
 docs/guides_core-steps_copy-text-element.js.html | 2 +-
 plugins/guides/core-steps/copy-text-element.js   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/guides_core-steps_copy-text-element.js.html b/docs/guides_core-steps_copy-text-element.js.html
index 0db89cd..934edbf 100644
--- a/docs/guides_core-steps_copy-text-element.js.html
+++ b/docs/guides_core-steps_copy-text-element.js.html
@@ -135,7 +135,7 @@ <h1>guides/core-steps/copy-text-element.js</h1>
 
     const copy = document.createElement('button');
     const copyToInputQueryButtonClass = 'guide-copy-to-input-query-button';
-    copy.className = `btn btn-sm btn-secondary ${copyToInputQueryButtonClass}`;
+    copy.className = `btn btn-sm btn-secondary editor-button ${copyToInputQueryButtonClass}`;
     copy.innerText = translate(this.translationBundle, COPY_TEXT);
 
     let stepHTMLElement;
diff --git a/plugins/guides/core-steps/copy-text-element.js b/plugins/guides/core-steps/copy-text-element.js
index fce9098..ffc6df7 100644
--- a/plugins/guides/core-steps/copy-text-element.js
+++ b/plugins/guides/core-steps/copy-text-element.js
@@ -44,7 +44,7 @@ const step = {
 
     const copy = document.createElement('button');
     const copyToInputQueryButtonClass = 'guide-copy-to-input-query-button';
-    copy.className = `btn btn-sm btn-secondary ${copyToInputQueryButtonClass}`;
+    copy.className = `btn btn-sm btn-secondary editor-button ${copyToInputQueryButtonClass}`;
     copy.innerText = translate(this.translationBundle, COPY_TEXT);
 
     let stepHTMLElement;