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 58f9df1f68fc4ab61b9ad18f00317400a5478791..e3909bb7ef33b3f941a903b0c9c4ffc22423a9b4 100644 (file)
--- 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 {