From: Adam Dullage <redacted>
Date: Thu, 20 Apr 2023 12:22:18 +0000 (+0100)
Subject: Resolved artefacts around edit mode buttons and background in WYSIWYG mode.
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=e41cfeb7dc5caca8d00f6529ae082a9148cafc49;p=flatnotes.git

Resolved artefacts around edit mode buttons and background in WYSIWYG mode.
---

diff --git a/flatnotes/src/toastui-editor-theme.scss b/flatnotes/src/toastui-editor-theme.scss
index 58f9df1..e3909bb 100644
--- a/flatnotes/src/toastui-editor-theme.scss
+++ b/flatnotes/src/toastui-editor-theme.scss
@@ -30,6 +30,10 @@
   background-color: var(--colour-background-elevated);
 }
 
+.toastui-editor-ww-container {
+  background-color: var(--colour-background-elevated);
+}
+
 // Code Block
 .toastui-editor-contents pre,
 .toastui-editor-md-code-block-line-background {
@@ -80,7 +84,7 @@
 }
 
 .toastui-editor-defaultUI-toolbar button {
-  border: none;
+  border: 1px solid var(--colour-background-elevated);
 }
 
 .toastui-editor-defaultUI .tab-item.active {
@@ -109,7 +113,7 @@
 
 .toastui-editor-defaultUI-toolbar button:not(:disabled):hover {
   background-color: var(--colour-background-tint);
-  border: none;
+  border: 1px solid var(--colour-background-elevated);
 }
 
 .toastui-editor-md-block-quote .toastui-editor-md-marked-text {