Use material symbol for responsive menu toggle (#31362)
This commit is contained in:
		
							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