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

First version

Browse Source
This commit is contained in:
Eden Kirin
2022-12-18 00:26:20 +01:00
parent d0cbb37c55
commit 5752f024c6
9 changed files with 377 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
index.html
View File

@ -10,87 +10,53 @@
</head>
<body>
<h1>Sidebar menu structure playground</h1>
<div class="wrapper">
<section class="tree-structure">
<ul class="subnav">
<li><a href="#">First Level</a></li>
<section class="sidebar">
<nav class="main">
<ul>
<li><a href="#" class="icon icon-dashboard">Dashboard</a></li>
<li><a href="#" class="icon icon-machines">Machines</a></li>
<li><a href="#" class="icon icon-events">Events</a></li>
<li><a href="#" class="icon icon-reports">Reports</a></li>
<li>
<a href="#">First Level</a>
<a href="#" class="icon icon-call-center">Call Center</a>
<ul>
<li><a href="#">Second Level</a></li>
<li>
<a href="#">Second Level</a>
<ul>
<li><a href="#">Third Level</a></li>
<li><a href="#">Third Level</a></li>
<li><a href="#">Third Level</a></li>
<li><a href="#">Third Level</a></li>
</ul>
</li>
<li>
<a href="#">Second Level</a>
<ul>
<li><a href="#">Third Level</a></li>
<li><a href="#">Third Level</a></li>
</ul>
</li>
<li><a href="#">Second Level</a></li>
<li><a href="#">Ticket Stream</a></li>
<li><a href="#">Configuration</a></li>
</ul>
</li>
<li><a href="#">First Level</a></li>
</ul>
</section>
<section class="tree-structure">
<ul class="subnav">
<li><a href="#">First Level</a></li>
<li>
<a href="#">First Level</a>
<a href="#" class="icon icon-warehouse-management">Warehouse Management</a>
<ul>
<li><a href="#">Second Level</a></li>
<li><a href="#">Product Warehouse</a></li>
<li>
<a href="#">Second Level</a>
<a href="#">Spare part Warehouse</a>
<ul>
<li><a href="#">Third Level</a></li>
<li><a href="#">Third Level</a></li>
<li><a href="#">Third Level</a></li>
<li><a href="#">Third Level</a></li>
<li>
<a href="#">Warehouse Documents</a>
<ul>
<li>
<a href="#">Automatic Orders</a>
<ul>
<li><a href="#">Ordering Triggers</a></li>
<li><a href="#">Ordering Rules</a></li>
<li><a href="#">Run Scheduler</a></li>
</ul>
</li>
<li>
<a href="#">Rpoerting</a>
<ul>
<li><a href="#">Inventory Report</a></li>
<li><a href="#">Spare Part Moves</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Second Level</a>
<ul>
<li><a href="#">Third Level</a></li>
<li><a href="#">Third Level</a></li>
<li><a href="#">Third Level</a></li>
<li><a href="#">Third Level</a></li>
</ul>
</li>
<li><a href="#">Second Level</a></li>
</ul>
</li>
</ul>
</section>
<section class="tree-structure">
<ul class="subnav">
<li><a href="#">First Level</a></li>
<li>
<a href="#">First Level</a>
<ul>
<li><a href="#">Second Level</a></li>
<li><a href="#">Second Level</a></li>
<li><a href="#">Second Level</a></li>
</ul>
</li>
</ul>
</section>
</div>
<section class="example">
<img src="img/expected.png" alt="">
</nav>
</section>
</body>