tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix alignment of icon and text in Callout component (#39324)

Browse Source
This commit is contained in:
diondiondion 2026-06-08 11:08:00 +02:00 committed by GitHub
parent a3c6a52117
commit 87024b9e1c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 20 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/javascript/mastodon/components/callout/callout.stories.tsx
View File

@ -34,6 +34,15 @@ export const Default: Story = {
},
};
export const NoTitle: Story = {
args: {
title: '',
primaryLabel: '',
secondaryLabel: '',
onClose: undefined,
},
};
export const NoIcon: Story = {
args: {
icon: false,
@ -56,11 +65,11 @@ export const OnlyText: Story = {
},
};
// export const Subtle: Story = {
// args: {
// variant: 'subtle',
// },
// };
export const Subtle: Story = {
args: {
variant: 'subtle',
},
};
export const Feature: Story = {
args: {

5
app/javascript/mastodon/components/callout/styles.module.css
View File

@ -7,6 +7,7 @@
color: var(--color-text-primary);
border-radius: 12px;
font-size: 15px;
line-height: 1.3333;
}
.icon {
@ -14,7 +15,7 @@
border-radius: 9999px;
width: 1rem;
height: 1rem;
margin-top: -2px;
margin-block: -2px;
}
.content,
@ -46,7 +47,7 @@
h3 {
font-weight: 500;
margin-bottom: 5px;
margin-bottom: 3px;
}
}

5
app/javascript/styles/mastodon/admin.scss
View File

@ -457,6 +457,7 @@ $content-width: 840px;
color: var(--color-text-primary);
border-radius: 12px;
font-size: 15px;
line-height: 1.3333;
margin-bottom: 30px;
.icon {
@ -464,7 +465,7 @@ $content-width: 840px;
border-radius: 9999px;
width: 1rem;
height: 1rem;
margin-top: -2px;
margin-block: -2px;
background-color: var(--color-bg-brand-soft);
}
@ -502,7 +503,7 @@ $content-width: 840px;
.title {
font-weight: 600;
margin-bottom: 8px;
margin-bottom: 6px;
font-size: inherit;
line-height: inherit;
}