Change menu toggle element from span to button

This makes possible to navigate to the menu toggle using the keyboard,
as well as being semantically more correct.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
This commit is contained in:
Daniel Calviño Sánchez 2019-11-07 12:28:43 +01:00
parent 8b527df253
commit e32766bd11
2 changed files with 11 additions and 1 deletions

View file

@ -11,6 +11,16 @@ $footer-height: 65px;
ul li { ul li {
min-width: 270px; min-width: 270px;
} }
#header-actions-toggle {
background-color: transparent;
border-color: transparent;
&:hover,
&:focus,
&:active {
opacity: 1;
}
}
#save-external-share { #save-external-share {
form { form {
display: flex; display: flex;

View file

@ -61,7 +61,7 @@
</span> </span>
<?php if($template->getActionCount() > 1) { ?> <?php if($template->getActionCount() > 1) { ?>
<div id="header-secondary-action"> <div id="header-secondary-action">
<span id="header-actions-toggle" class="menutoggle icon-more-white"></span> <button id="header-actions-toggle" class="menutoggle icon-more-white"></button>
<div id="header-actions-menu" class="popovermenu menu"> <div id="header-actions-menu" class="popovermenu menu">
<ul> <ul>
<?php <?php