mirror of https://github.com/tootsuite/mastodon
Use material symbol for responsive menu toggle (#31362)
parent
caf0164f00
commit
7519ef2fa1
|
@ -65,16 +65,16 @@ $content-width: 840px;
|
|||
background: $ui-base-color;
|
||||
}
|
||||
|
||||
.fa-times {
|
||||
.material-close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.active {
|
||||
.fa-times {
|
||||
.material-close {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fa-bars {
|
||||
.material-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -17,8 +17,8 @@
|
|||
= logo_as_symbol(:wordmark)
|
||||
|
||||
= link_to '#', class: 'sidebar__toggle__icon', 'aria-label': t('navigation.toggle_menu'), 'aria-expanded': 'false' do
|
||||
= fa_icon 'bars'
|
||||
= fa_icon 'times'
|
||||
= material_symbol 'menu'
|
||||
= material_symbol 'close'
|
||||
|
||||
= render_navigation
|
||||
|
||||
|
|
Loading…
Reference in New Issue