Intis/sidebar-test-repo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Expand arrow

Browse Source
This commit is contained in:
Eden Kirin
2022-12-20 09:21:58 +01:00
parent 242d81a339
commit bda4d64904
3 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
img/menu-icons/menu-arrow.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
<path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 302 B

2
index.html
View File

@ -43,6 +43,7 @@
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Reporting</a>
<ul>
@ -53,7 +54,6 @@
<li><a href="#">Product Warehouse</a></li>
</ul>
</li>
<li><a href="#">Product Warehouse</a></li>
</ul>
</li>
</ul>

11
style.scss
View File

@ -82,6 +82,8 @@ nav.main {
a.icon {
position: relative;
padding-left: $icon-width;
display: flex;
align-items: center;
&::before {
content: "";
@ -113,6 +115,15 @@ nav.main {
&.icon-warehouse-management::before {
background-image: url("/img/menu-icons/dashboard.svg");
}
&::after {
content: "";
margin-left: auto;
width: 18px;
height: 18px;
display: block;
background-repeat: no-repeat;
background-image: url("/img/menu-icons/menu-arrow.svg");
}
}
}
}