zelo72
/
mastodon
mirror of https://github.com/mastodon/mastodon
2
2
Fork 1
Code Issues 10 Releases Wiki Activity

Fix dismiss button overlapping with text in dismissable banners (#26935)

This commit is contained in:
Claire 2023-09-15 19:53:28 +02:00 committed by GitHub
parent e4f5114aaf
commit 2a4fcc51fd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/mastodon/components/dismissable_banner.tsx
View File

@ -33,8 +33,6 @@ export const DismissableBanner: React.FC<PropsWithChildren<Props>> = ({
return (
<div className='dismissable-banner'>
<div className='dismissable-banner__message'>{children}</div>
<div className='dismissable-banner__action'>
<IconButton
icon='times'
@ -42,6 +40,8 @@ export const DismissableBanner: React.FC<PropsWithChildren<Props>> = ({
onClick={handleDismiss}
/>
</div>
<div className='dismissable-banner__message'>{children}</div>
</div>
);
};

4
app/javascript/styles/mastodon/components.scss
View File

@ -8941,9 +8941,7 @@ noscript {
}
&__action {
position: absolute;
inset-inline-end: 0;
top: 0;
float: right;
padding: 15px 10px;
.icon-button {

7
app/javascript/styles/mastodon/rtl.scss
View File

@ -58,4 +58,11 @@ body.rtl {
.fa-chevron-right::before {
content: '\F053';
}
.dismissable-banner,
.warning-banner {
&__action {
float: left;
}
}
}