Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -05:00
Code Issues Activity

Fixed button bug in Admin design system

Browse source 
refs. https://github.com/TryGhost/Team/issues/3150
This commit is contained in:
Peter Zimon 2023-05-17 14:02:19 +02:00
parent d1c96dd9c8
commit 9e9200022c
2 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
ghost/admin-x-settings/src/admin-x-ds/global/Button.stories.tsx
View file

@ -6,7 +6,13 @@ import {ButtonColors} from './Button';
const meta = { const meta = {
title: 'Global / Button', title: 'Global / Button',
component: Button, component: Button,
tags: ['autodocs'] tags: ['autodocs'],
argTypes: {
color: {
control: 'select',
options: ButtonColors
}
}
} satisfies Meta<typeof Button>; } satisfies Meta<typeof Button>;
export default meta; export default meta;

4
ghost/admin-x-settings/src/admin-x-ds/global/Button.tsx
View file

@ -29,9 +29,9 @@ const Button: React.FC<ButtonProps> = ({
}) => { }) => {
let buttonColor: string; let buttonColor: string;
if (!color) { if (!color) {
color = ButtonColors.Black; color = ButtonColors.Clear;
} }
const fontWeight: string = ((link && color !== ButtonColors.Black) || (!link && color !== ButtonColors.Clear)) ? 'font-bold' : 'font-semibold'; const fontWeight: string = ((link && color !== ButtonColors.Clear && color !== ButtonColors.Black) || (!link && color !== ButtonColors.Clear)) ? 'font-bold' : 'font-semibold';
const padding: string = !link ? 'px-4 h-9' : ''; const padding: string = !link ? 'px-4 h-9' : '';
switch (color) { switch (color) {