yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2026-01-07 12:45:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'releases/v4' of https://github.com/strapi/strapi into cm-add-component-fix

Browse Source
This commit is contained in:
ronronscelestes 2021-11-03 09:21:14 +01:00
commit f668943ae6
2 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygNav.js
View File

@ -18,7 +18,13 @@ import Image from '@strapi/icons/Picture';
import Link from '@strapi/icons/Link';
import Quote from '@strapi/icons/Quote';
import More from '@strapi/icons/More';
import { MainButtons, CustomIconButton, MoreButton, IconButtonGroupMargin } from './WysiwygStyles';
import {
MainButtons,
CustomIconButton,
MoreButton,
IconButtonGroupMargin,
CustomLinkIconButton,
} from './WysiwygStyles';
const WysiwygNav = ({
editorRef,
@ -75,7 +81,7 @@ const WysiwygNav = ({
/>
</MainButtons>
<MoreButton disabled ref={buttonMoreRef} id="more" label="more" icon={<More />} />
<MoreButton disabled ref={buttonMoreRef} id="more" label="More" icon={<More />} />
</Flex>
<Button onClick={onTogglePreviewMode} variant="tertiary" size="L" id="preview">
@ -135,7 +141,7 @@ const WysiwygNav = ({
ref={buttonMoreRef}
onClick={onTogglePopover}
id="more"
label="more"
label="More"
icon={<More />}
/>
{visiblePopover && (
@ -179,7 +185,7 @@ const WysiwygNav = ({
name="Image"
icon={<Image />}
/>
<CustomIconButton
<CustomLinkIconButton
onClick={() => onActionClick('Link', editorRef, onTogglePopover)}
id="Link"
label="Link"

7
packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygStyles.js
View File

@ -21,6 +21,13 @@ export const CustomIconButton = styled(IconButton)`
}
`;
export const CustomLinkIconButton = styled(CustomIconButton)`
svg {
width: ${8 / 16}rem;
height: ${8 / 16}rem;
}
`;
export const MainButtons = styled(IconButtonGroup)`
margin-left: ${({ theme }) => theme.spaces[4]};
`;