Skip to content

Commit af32f3e

Browse files
authored
fix(releases): Fix finalize button size (#90716)
| | Old Style | Chonk Style | | --- | --- | --- | | Before | <img width="205" alt="before - old style" src="https://github.com/user-attachments/assets/b6f577f5-3b16-472e-9a05-08f061786406" /> | <img width="196" alt="before - chonk" src="https://github.com/user-attachments/assets/b0ffd68e-cf59-4b5c-b5d5-554d0b20602b" /> | After | <img width="202" alt="after - old style" src="https://github.com/user-attachments/assets/8ded1922-8d3d-443a-8f69-41c6750db84e" /> | <img width="268" alt="after - chonk" src="https://github.com/user-attachments/assets/dff3cdf5-70dc-451b-9cfb-4d2bfd3ab929" /> Fixes #90650 Followup to #90648
1 parent 05a4dcc commit af32f3e

File tree

1 file changed

+8
-5
lines changed

1 file changed

+8
-5
lines changed

static/app/views/releases/detail/overview/sidebar/projectReleaseDetails.tsx

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
import {useTheme} from '@emotion/react';
21
import styled from '@emotion/styled';
32
import moment from 'moment-timezone';
43

@@ -30,7 +29,6 @@ type Props = {
3029
};
3130

3231
function ProjectReleaseDetails({release, releaseMeta, projectSlug}: Props) {
33-
const theme = useTheme();
3432
const organization = useOrganization();
3533
const orgSlug = organization.slug;
3634

@@ -94,8 +92,8 @@ function ProjectReleaseDetails({release, releaseMeta, projectSlug}: Props) {
9492
)
9593
)}
9694
>
97-
<Button
98-
size={theme.isChonk ? 'zero' : 'xs'}
95+
<FinalizeButton
96+
size="zero"
9997
onClick={() => {
10098
finalizeRelease.mutate([release], {
10199
onSettled() {
@@ -105,7 +103,7 @@ function ProjectReleaseDetails({release, releaseMeta, projectSlug}: Props) {
105103
}}
106104
>
107105
{t('Finalize')}
108-
</Button>
106+
</FinalizeButton>
109107
</Tooltip>
110108
</ButtonContainer>
111109
)
@@ -182,4 +180,9 @@ const ButtonContainer = styled('div')`
182180
}
183181
`;
184182

183+
const FinalizeButton = styled(Button)`
184+
font-size: ${p => p.theme.fontSizeSmall};
185+
padding-inline: ${space(0.5)};
186+
`;
187+
185188
export default ProjectReleaseDetails;

0 commit comments

Comments
 (0)