diff --git a/fb/src/app/story/core/Trash.js b/fb/src/app/story/core/Trash.js index 7799374..57ad253 100644 --- a/fb/src/app/story/core/Trash.js +++ b/fb/src/app/story/core/Trash.js @@ -16,7 +16,7 @@ const useStyles = makeStyles(theme => ({ position: "fixed", width: 300, transform: "translate(-50%, 50%)", - zIndex: -1 + zIndex: 1 }, hover: { backgroundColor: theme.palette.primary.main }, icon: { diff --git a/fb/src/app/story/nodes/Image.js b/fb/src/app/story/nodes/Image.js index 4788143..7200a26 100644 --- a/fb/src/app/story/nodes/Image.js +++ b/fb/src/app/story/nodes/Image.js @@ -13,7 +13,7 @@ const useStyles = makeStyles(() => ({ const Image = ({ id: key, ...props }) => { const state = useState(), { content, height, placeholder, width } = state.story.nodes[key], classes = useStyles(); return url(content) && height && width ? - div': { display: "block !important" } }}> + div': { display: "block !important", overflow: "visible !important" } }}> : diff --git a/fb/src/app/story/state/actionsCreator.js b/fb/src/app/story/state/actionsCreator.js index 41eb8a1..f76b5c6 100644 --- a/fb/src/app/story/state/actionsCreator.js +++ b/fb/src/app/story/state/actionsCreator.js @@ -110,7 +110,7 @@ const actionsCreator = (state, action) => { case "RENDER_NODE_RESIZE": { const { height, key, width } = action; - return [{ type: "render-node-resize", key, height, width }].concat(state.caret.key === key ? [{ type: "on-present-ready", key, action: { type: "PRESENT", key }}].concat(state.story.nodes[key].type === "image" ? [{ type: "caret-blur" }] : []) : []); } // on-present-ready because INIT_EDITOR's add + return [{ type: "render-node-resize", key, height, width }].concat(state.caret?.key === key ? [{ type: "on-present-ready", key, action: { type: "PRESENT", key }}].concat(state.story.nodes[key].type === "image" ? [{ type: "caret-blur" }] : []) : []); } // on-present-ready because INIT_EDITOR's add case "TEXT_LEFT_MOUSE_UP": { const { key, x, y } = action;