From 4895e7e58009243d1e5d466fc698e5d7034c1dfc Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Fri, 2 Oct 2020 16:56:36 +0300
Subject: [PATCH] selection marker css

---
 wax-prosemirror-components/src/ui/buttons/Dropdown.js | 2 ++
 wax-prosemirror-layouts/src/layouts/EditorElements.js | 9 ++++++---
 wax-prosemirror-themes/src/coko-theme/index.js        | 1 +
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/wax-prosemirror-components/src/ui/buttons/Dropdown.js b/wax-prosemirror-components/src/ui/buttons/Dropdown.js
index ffd67ef3f..6ee345b52 100644
--- a/wax-prosemirror-components/src/ui/buttons/Dropdown.js
+++ b/wax-prosemirror-components/src/ui/buttons/Dropdown.js
@@ -9,11 +9,13 @@ import { grid } from '@pubsweet/ui-toolkit';
 const Wrapper = styled.div`
   font-size: 0;
   position: relative;
+  z-index: 2;
 `;
 
 const DropWrapper = styled.div`
   margin-top: ${grid(1)};
   position: absolute;
+  background: white;
 `;
 
 const Dropdown = props => {
diff --git a/wax-prosemirror-layouts/src/layouts/EditorElements.js b/wax-prosemirror-layouts/src/layouts/EditorElements.js
index 922a2f997..d840dca6e 100644
--- a/wax-prosemirror-layouts/src/layouts/EditorElements.js
+++ b/wax-prosemirror-layouts/src/layouts/EditorElements.js
@@ -36,8 +36,11 @@ export default css`
   }
 
   .ProseMirror .wax-selection-marker {
-    background-color: ${th('colorPrimary')};
-    color: white;
+    background-color: ${th('colorSelection')};
+    + footnote {
+      border: 1px solid black;
+      color: black;
+    }
   }
 
   div[contenteditable='false'] {
@@ -252,7 +255,7 @@ export default css`
 
     .active-comment {
       background-color: gold;
-      color: black;
+      /* color: black; */
     }
   }
 `;
diff --git a/wax-prosemirror-themes/src/coko-theme/index.js b/wax-prosemirror-themes/src/coko-theme/index.js
index 75ab0f31c..54c45d706 100644
--- a/wax-prosemirror-themes/src/coko-theme/index.js
+++ b/wax-prosemirror-themes/src/coko-theme/index.js
@@ -20,6 +20,7 @@ const cokoTheme = {
   colorTextPlaceholder: '#595959',
   colorWarning: '#ffc107',
   colorBackgroundToolBar: '#D9D9D9',
+  colorSelection: '#D3D3D3',
 
   /* Text variables */
 
-- 
GitLab