From f116720b8d402492c2c3d34691b2baea95a466b4 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Thu, 10 Dec 2020 15:19:14 +0200
Subject: [PATCH] disabled
---
.../textHighlight/TextHighlightingTool.js | 16 +++++++++++-----
1 file changed, 11 insertions(+), 5 deletions(-)
diff --git a/wax-prosemirror-components/src/components/textHighlight/TextHighlightingTool.js b/wax-prosemirror-components/src/components/textHighlight/TextHighlightingTool.js
index 603413d46..7c2aa2c86 100644
--- a/wax-prosemirror-components/src/components/textHighlight/TextHighlightingTool.js
+++ b/wax-prosemirror-components/src/components/textHighlight/TextHighlightingTool.js
@@ -10,23 +10,24 @@ const Wrapper = styled.div`
font-size: 0;
position: relative;
z-index: 2;
+
button:hover {
background: transparent;
}
`;
const DropWrapper = styled.div`
+ background: white;
margin-top: ${grid(1)};
position: absolute;
- background: white;
top: 32px;
width: max-content;
`;
const TextHighlightComponent = styled.div`
+ background: white;
+ border: 1px solid gray;
display: flex;
flex-direction: column;
- background:white
- border:1px solid gray
`;
const Highlighter = styled.div`
min-width: 25px;
@@ -40,7 +41,7 @@ const Highlighter = styled.div`
const TextHighlightingTool = ({ view: { dispatch, state }, item }) => {
const { icon, title, select } = item;
const [isOpen, setIsOpen] = useState(false);
- let dblClick = false;
+
const ref = useRef();
const {
view: { main },
@@ -96,7 +97,10 @@ const TextHighlightingTool = ({ view: { dispatch, state }, item }) => {
setIsOpen(false);
};
const handleDblClk = () => {
- item.run(state, dispatch, localStorage.getItem('lastColor'));
+ const color = localStorage.getItem('lastColor')
+ ? localStorage.getItem('lastColor')
+ : `background-color: ${highlightDropDownOptions[0].name};`;
+ item.run(state, dispatch, color);
};
const isDisabled = !select(state, activeViewId, activeView);
@@ -105,11 +109,13 @@ const TextHighlightingTool = ({ view: { dispatch, state }, item }) => {
() => (
<Wrapper ref={ref} onDoubleClick={handleDblClk}>
<div
+ disabled={isDisabled}
style={{
backgroundColor:
localStorage.getItem('lastBgColor') != undefined
? localStorage.getItem('lastBgColor')
: highlightDropDownOptions[0].name,
+ opacity: isDisabled ? '0.4' : '1',
}}
>
<MenuButton
--
GitLab