djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix selection styles

Browse source
This commit is contained in:
dominik-zeglen 2020-11-05 15:31:00 +01:00
parent 8bc0b18e4f
commit 55d9a1c986
2 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/Baseline.tsx
View file

@ -1,12 +1,19 @@
import CssBaseline from "@material-ui/core/CssBaseline"; import CssBaseline from "@material-ui/core/CssBaseline";
import { createStyles, withStyles } from "@material-ui/core/styles"; import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
import { fade } from "@material-ui/core/styles/colorManipulator";
import React from "react"; import React from "react";
const styles = createStyles({ const styles = createStyles((theme: Theme) => ({
"@global": { "@global": {
"@import": "url('https://rsms.me/inter/inter.css')" "@import": "url('https://rsms.me/inter/inter.css')",
// For some reason @import clause must be put on top
// eslint-disable-next-line sort-keys
"::selection": {
background: fade(theme.palette.primary.main, 0.2)
} }
}); }
}));
const Baseline = withStyles(styles, { const Baseline = withStyles(styles, {
name: "Baseline" name: "Baseline"

2
src/components/RichTextEditor/RichTextEditor.tsx
View file

@ -39,7 +39,7 @@ const useStyles = makeStyles(
minHeight: 24 minHeight: 24
}, },
"& .ce-block--selected .ce-block__content": { "& .ce-block--selected .ce-block__content": {
background: `${fade(theme.palette.primary.main, 0.4)} !important` background: `${fade(theme.palette.primary.main, 0.2)} !important`
}, },
"& .ce-block__content": { "& .ce-block__content": {
margin: 0, margin: 0,