Label and focus styling for mobile menu button
This commit is contained in:
		
					parent
					
						
							
								92c1ff76ea
							
						
					
				
			
			
				commit
				
					
						30e0b2f851
					
				
			
		
					 3 changed files with 4 additions and 3 deletions
				
			
		| 
						 | 
					@ -26,6 +26,7 @@ enable_javascript = This website requires JavaScript.
 | 
				
			||||||
toc = Table of Contents
 | 
					toc = Table of Contents
 | 
				
			||||||
licenses = Licenses
 | 
					licenses = Licenses
 | 
				
			||||||
return_to_gitea = Return to Forgejo
 | 
					return_to_gitea = Return to Forgejo
 | 
				
			||||||
 | 
					toggle_menu = Toggle Menu
 | 
				
			||||||
 | 
					
 | 
				
			||||||
username = Username
 | 
					username = Username
 | 
				
			||||||
email = Email address
 | 
					email = Email address
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -20,7 +20,7 @@
 | 
				
			||||||
				</div>
 | 
									</div>
 | 
				
			||||||
			</a>
 | 
								</a>
 | 
				
			||||||
			{{end}}
 | 
								{{end}}
 | 
				
			||||||
			<button class="item gt-w-auto ui icon mini button gt-p-3 gt-m-0" id="navbar-expand-toggle">{{svg "octicon-three-bars"}}</button>
 | 
								<button class="item gt-w-auto ui icon mini button gt-p-3 gt-m-0" id="navbar-expand-toggle" aria-label="{{ctx.Locale.Tr "toggle_menu"}}">{{svg "octicon-three-bars"}}</button>
 | 
				
			||||||
		</div>
 | 
							</div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<!-- navbar links non-mobile -->
 | 
							<!-- navbar links non-mobile -->
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -41,8 +41,8 @@
 | 
				
			||||||
  justify-content: stretch;
 | 
					  justify-content: stretch;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
#navbar a.item:hover,
 | 
					#navbar a.item:hover, #navbar a.item:focus,
 | 
				
			||||||
#navbar button.item:hover {
 | 
					#navbar button.item:hover, #navbar button.item:focus {
 | 
				
			||||||
  background: var(--color-nav-hover-bg);
 | 
					  background: var(--color-nav-hover-bg);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue