monorail
/
mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use material symbol for responsive menu toggle (#31362)

This commit is contained in:
Matt Jankowski 2024-08-10 05:12:47 -04:00 committed by GitHub
parent caf0164f00
commit 7519ef2fa1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -65,16 +65,16 @@ $content-width: 840px;
background: $ui-base-color; background: $ui-base-color;
} }
.fa-times { .material-close {
display: none; display: none;
} }
&.active { &.active {
.fa-times { .material-close {
display: block; display: block;
} }
.fa-bars { .material-menu {
display: none; display: none;
} }
} }

4
app/views/layouts/admin.html.haml
View File

@ -17,8 +17,8 @@
= logo_as_symbol(:wordmark) = logo_as_symbol(:wordmark)
= link_to '#', class: 'sidebar__toggle__icon', 'aria-label': t('navigation.toggle_menu'), 'aria-expanded': 'false' do = link_to '#', class: 'sidebar__toggle__icon', 'aria-label': t('navigation.toggle_menu'), 'aria-expanded': 'false' do
= fa_icon 'bars' = material_symbol 'menu'
= fa_icon 'times' = material_symbol 'close'
= render_navigation = render_navigation