Use an optional section for rendering quick navigation links on the mod viewer, containing them within the #sidebar element.

This commit is contained in:
Khloe Leclair 2022-04-12 13:50:51 -04:00
parent 0b92275649
commit 4f54f517ce
4 changed files with 14 additions and 19 deletions

View File

@ -95,16 +95,18 @@
}
@* quick navigation links *@
@if (log != null)
{
<aside id="quickNav">
<h4>Scroll To...</h4>
<ul>
<li><a href="#content">Top</a></li>
<li><a href="#filterHolder">Log Start</a></li>
<li><a href="#footer">Bottom</a></li>
</ul>
</aside>
@section SidebarExtra {
@if (log != null)
{
<aside id="quickNav">
<h4>Scroll To...</h4>
<ul>
<li><a href="#content">Top</a></li>
<li><a href="#filterHolder">Log Start</a></li>
<li><a href="#footer">Bottom</a></li>
</ul>
</aside>
}
}
@* upload result banner *@

View File

@ -30,6 +30,8 @@
<li><a href="@Url.PlainAction("Index", "LogParser", values: null)">Log parser</a></li>
<li><a href="@Url.PlainAction("Index", "JsonValidator", values: null)">JSON validator</a></li>
</ul>
@RenderSection("SidebarExtra", required: false)
</div>
<div id="content-column">
<div id="content">

View File

@ -13,9 +13,6 @@ caption {
#output {
padding: 10px;
overflow: auto;
z-index: 1;
background: #fff;
position: relative;
}
#output h2 {

View File

@ -72,7 +72,6 @@ a {
color: #666;
}
#quickNav h4,
#sidebar h4 {
margin: 1.5em 0 0.2em 0;
width: 10em;
@ -81,13 +80,11 @@ a {
font-weight: normal;
}
#quickNav a,
#sidebar a {
color: #77B;
border: 0;
}
#quickNav ul, #quickNav li,
#sidebar ul, #sidebar li {
margin: 0;
padding: 0;
@ -96,7 +93,6 @@ a {
color: #888;
}
#quickNav li,
#sidebar li {
margin-left: 1em;
}
@ -105,10 +101,8 @@ a {
#quickNav {
position: fixed;
left: 8px;
bottom: 3em;
width: 12em;
color: #666;
}
@media (max-height: 400px) {