djsundog/tootlab-mastodon
1
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2025-02-05 14:33:05 -05:00
Code Issues Packages Projects Releases Wiki Activity

[Glitch] Improve dismissable banner buttons when they dont fit on 1 line

Browse Source 
Port ae30a60b1f6b7f51be38fe541e42a80ee2242d79 to glitch-soc

Co-authored-by: Claire <claire.github-309c@sitedethib.com>
Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Renaud Chaput 2023-06-26 12:31:48 +02:00 committed by Claire
parent 4faa4eb3c4
commit c43cfd2406
2 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/javascript/flavours/glitch/features/home_timeline/components/explore_prompt.jsx
View File

@ -15,9 +15,11 @@ export const ExplorePrompt = () => (
<h1><FormattedMessage id='home.explore_prompt.title' defaultMessage='This is your home base within Mastodon.' /></h1> <h1><FormattedMessage id='home.explore_prompt.title' defaultMessage='This is your home base within Mastodon.' /></h1>
<p><FormattedMessage id='home.explore_prompt.body' defaultMessage="Your home feed will have a mix of posts from the hashtags you've chosen to follow, the people you've chosen to follow, and the posts they boost. It's looking pretty quiet right now, so how about:" /></p> <p><FormattedMessage id='home.explore_prompt.body' defaultMessage="Your home feed will have a mix of posts from the hashtags you've chosen to follow, the people you've chosen to follow, and the posts they boost. It's looking pretty quiet right now, so how about:" /></p>
<div className='dismissable-banner__message__actions'> <div className='dismissable-banner__message__actions__wrapper'>
<Link to='/explore' className='button'><FormattedMessage id='home.actions.go_to_explore' defaultMessage="See what's trending" /></Link> <div className='dismissable-banner__message__actions'>
<Link to='/explore/suggestions' className='button button-tertiary'><FormattedMessage id='home.actions.go_to_suggestions' defaultMessage='Find people to follow' /></Link> <Link to='/explore' className='button'><FormattedMessage id='home.actions.go_to_explore' defaultMessage="See what's trending" /></Link>
<Link to='/explore/suggestions' className='button button-tertiary'><FormattedMessage id='home.actions.go_to_suggestions' defaultMessage='Find people to follow' /></Link>
</div>
</div> </div>
</DismissableBanner> </DismissableBanner>
); );

13
app/javascript/flavours/glitch/styles/components/columns.scss
View File

@ -1005,9 +1005,18 @@ $ui-header-height: 55px;
&__actions { &__actions {
display: flex; display: flex;
align-items: center; flex-wrap: wrap;
gap: 4px; gap: 4px;
margin-top: 30px;
&__wrapper {
display: flex;
margin-top: 30px;
}
.button {
display: block;
flex-grow: 1;
}
} }
.button-tertiary { .button-tertiary {