From 393b4a586027782853a463e75ddd459b49c6c3dd Mon Sep 17 00:00:00 2001 From: dominik-zeglen Date: Thu, 29 Oct 2020 13:14:05 +0100 Subject: [PATCH] Fix styles --- src/components/RichTextEditor/RichTextEditor.tsx | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/src/components/RichTextEditor/RichTextEditor.tsx b/src/components/RichTextEditor/RichTextEditor.tsx index 07093b6bd..0bad6fae4 100644 --- a/src/components/RichTextEditor/RichTextEditor.tsx +++ b/src/components/RichTextEditor/RichTextEditor.tsx @@ -40,7 +40,7 @@ const useStyles = makeStyles( label: { color: theme.palette.text.secondary, position: "absolute", - top: theme.spacing(4), + top: theme.spacing(1), transition: theme.transitions.duration.short + "ms" }, labelActive: { @@ -50,6 +50,10 @@ const useStyles = makeStyles( "& .cdx-quote__text": { minHeight: 24 }, + "& .ce-block__content": { + margin: 0, + maxWidth: "unset" + }, "& .ce-conversion-tool": { ...hover }, @@ -80,10 +84,11 @@ const useStyles = makeStyles( "&:hover": { borderColor: theme.palette.primary.main }, - border: `1px solid ${theme.palette.divider}`, - borderRadius: 8, + border: `1px solid ${fade(theme.palette.text.secondary, 0.4)}`, + borderRadius: 4, boxShadow: `inset 0 0 0 0 ${theme.palette.primary.main}`, padding: theme.spacing(3, 2), + position: "relative", transition: theme.transitions.duration.short + "ms" }, rootActive: {