deblan/side_menu
deblan
/
side_menu
3
6
Fork 5
Code Issues 6 Pull Requests 11 Projects Releases 119 Wiki Activity

fix #13: add alternate hamburger icon

This commit is contained in:
Simon Vieille 2020-04-26 23:30:43 +02:00
parent 58661508d4
commit 67f27e0ef4
Signed by: deblan
GPG Key ID: 03383D15A1D31745
3 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/sideMenu.css
View File

@ -37,6 +37,10 @@
display: block;
}
#header .side-menu-opener {
margin-left: 5px;
}
.side-menu-opener {
background: var(--side-menu-opener, url('../img/side-menu-opener.svg'));
height: 40px;
@ -96,6 +100,7 @@
max-width: 250px;
position: fixed;
padding-top: 2px;
padding-left: 5px;
top: 0;
}

6
img/side-menu-opener-hamburger-2.svg Normal file
View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 10.583 10.583">
<rect overflow="visible" style="marker:none" width="5.551" height="1.451" x="2.516" y="2.399" rx="0" ry=".545" color="#000" fill="#fff" fill-opacity=".855" paint-order="stroke markers fill"/>
<rect overflow="visible" style="marker:none" width="5.551" height="1.451" x="2.516" y="4.556" rx="0" ry=".545" color="#000" fill="#fff" fill-opacity=".855" paint-order="stroke markers fill"/>
<rect overflow="visible" style="marker:none" width="5.551" height="1.451" x="2.516" y="6.733" rx="0" ry=".545" color="#000" fill="#fff" fill-opacity=".855" paint-order="stroke markers fill"/>
<path style="marker:none" d="M.616 0a.541.541 0 0 0-.418.198A.541.541 0 0 0 0 .616v9.351c0 .17.078.318.198.418.1.12.249.198.418.198h9.351c.17 0 .318-.078.418-.198.12-.1.198-.249.198-.418V.616a.541.541 0 0 0-.198-.418A.541.541 0 0 0 9.967 0H.616zm.835 1.451h7.681v7.681H1.451V1.451z" color="#000" overflow="visible" fill="#fff" fill-opacity=".855" paint-order="stroke markers fill"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

1
templates/settings/admin-form.php
View File

@ -93,6 +93,7 @@ $choicesSizes = [
$choices = [
'Default' => 'side-menu-opener',
'Hamburger' => 'side-menu-opener-hamburger',
'Hamburger 2' => 'side-menu-opener-hamburger-2',
];
?>