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:
parent
8b527df253
commit
e32766bd11
2 changed files with 11 additions and 1 deletions
|
@ -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;
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue