From facec501f5dbdd0511d0804db3897c69c9e9a95d Mon Sep 17 00:00:00 2001 From: Madhuri Sandbhor Date: Tue, 10 Oct 2023 17:26:54 +0530 Subject: [PATCH] updated modifiers style (#18373) --- .../BlocksEditor/hooks/useModifiersStore.js | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/packages/core/admin/admin/src/content-manager/components/BlocksEditor/hooks/useModifiersStore.js b/packages/core/admin/admin/src/content-manager/components/BlocksEditor/hooks/useModifiersStore.js index a5780ba216..bb0cfbdd15 100644 --- a/packages/core/admin/admin/src/content-manager/components/BlocksEditor/hooks/useModifiersStore.js +++ b/packages/core/admin/admin/src/content-manager/components/BlocksEditor/hooks/useModifiersStore.js @@ -4,27 +4,29 @@ import { Typography } from '@strapi/design-system'; import { Bold, Italic, Underline, StrikeThrough, Code } from '@strapi/icons'; import { Editor } from 'slate'; import { useSlate } from 'slate-react'; -import styled from 'styled-components'; +import styled, { css } from 'styled-components'; -const BoldText = styled(Typography).attrs({ fontWeight: 'bold' })` +const stylesToInherit = css` font-size: inherit; color: inherit; + line-height: inherit; +`; + +const BoldText = styled(Typography).attrs({ fontWeight: 'bold' })` + ${stylesToInherit} `; const ItalicText = styled(Typography)` font-style: italic; - font-size: inherit; - color: inherit; + ${stylesToInherit} `; const UnderlineText = styled(Typography).attrs({ textDecoration: 'underline' })` - font-size: inherit; - color: inherit; + ${stylesToInherit} `; const StrikeThroughText = styled(Typography).attrs({ textDecoration: 'line-through' })` - font-size: inherit; - color: inherit; + ${stylesToInherit} `; const InlineCode = styled.code`