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

[Glitch] Fix alignment of icon and text in Callout component

Browse Source 
Port 87024b9e1cf7f0945eae457501899216d79c9073 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
diondiondion 2026-06-08 11:08:00 +02:00 committed by Claire
parent 2777b69db8
commit 4b24bc1c6d
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/flavours/glitch/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/flavours/glitch/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/flavours/glitch/styles/mastodon/admin.scss
View File

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