mirror/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon synced 2024-11-28 06:48:28 +09:00
Code

Replace flex styling with sensible layout rules (#22803)

Browse Source 
The old styling would cause multiple admin header buttons in a flex container to overflow the page on mobile. This new styling uses `flex-flow: wrap` along with a gap, which gets rid of the awkward `:not(:first-child)` pseudoselector and makes multiple buttons in a row flow nicely.
This commit is contained in:
Darius Kazemi 2022-12-28 01:21:10 -08:00 committed by GitHub
parent 536d55c6ad
commit ef4d29c879
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -254,10 +254,8 @@ $content-width: 840px;
&__actions {
display: inline-flex;
& > :not(:first-child) {
margin-left: 5px;
}
flex-flow: wrap;
gap: 5px;
}
h2 small {