phoedos/pmd
1
1
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[doc] Fix navbar at top

Browse Source
This commit is contained in:
Andreas Dangel
2020-09-18 15:42:16 +02:00
parent 8a1c8665b2
commit 005045e09b
4 changed files with 57 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
docs/_includes/feedback.html
View File

@ -1,13 +0,0 @@
<li>
{% if site.feedback_text %}
{% assign feedback_text = site.feedback_text %}
{% else %}
{% assign feedback_text = "Feedback" %}
{% endif %}
{% if site.feedback_link %}
<a class="email" title="Submit feedback" href="{{site.feedback_link}}">{{feedback_text}}</a>
{% else %}
<a class="email" title="Submit feedback" href="#" onclick="javascript:window.location='mailto:{{site.feedback_email}}?subject={{site.feedback_subject_line}} feedback&body=I have some feedback about the {{page.title}} page: ' + window.location.href;"><i class="fas fa-envelope-o"></i> {{feedback_text}}</a>
{% endif %}
</li>

117
docs/_includes/topnav.html
View File

@ -1,77 +1,66 @@
<!-- Navigation --> <!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top"> <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
<div class="container topnavlinks"> <div class="container topnavlinks">
<div class="navbar-header"> <a class="navbar-brand fas fa-home fa-lg" href="index.html">&nbsp;<span class="projectTitle"> {{site.topnav_title}}</span></a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="sr-only">Toggle navigation</span> <span class="navbar-toggler-icon"></span>
<span class="icon-bar"></span> </button>
<span class="icon-bar"></span>
<span class="icon-bar"></span> <div class="collapse navbar-collapse" id="navbarSupportedContent">
</button> <ul class="navbar-nav mr-auto mt-2 mt-lg-0"></ul>
<a class="fas fa-home fa-lg navbar-brand" href="index.html">&nbsp;<span class="projectTitle"> {{site.topnav_title}}</span></a> <ul class="navbar-nav">
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<!-- toggle sidebar button --> <!-- toggle sidebar button -->
<li><a id="tg-sb-link" href="#"><i id="tg-sb-icon" class="fas fa-toggle-on"></i> Nav</a></li> <li class="nav-item"><a id="tg-sb-link" class="nav-link" href="#"><i id="tg-sb-icon" class="fas fa-toggle-on"></i> Nav</a></li>
<!-- entries without drop-downs appear here --> <!-- entries without drop-downs appear here -->
{% for entry in site.data.topnav.topnav %} {% for entry in site.data.topnav.topnav %}
{% for item in entry.items %} {% for item in entry.items %}
{% if item.external_url %} {% if item.external_url %}
<li><a href="{{item.external_url}}" target="_blank">{{item.title}}</a></li> <li class="nav-item"><a class="nav-link" href="{{item.external_url}}" target="_blank">{{item.title}}</a></li>
{% elsif page.url contains item.url %} {% elsif page.url contains item.url %}
<li class="active"><a href="{{item.url | remove: "/"}}">{{item.title}}</a></li> <li class="nav-item active"><a class="nav-link" href="{{item.url | remove: "/"}}">{{item.title}}</a></li>
{% else %} {% else %}
<li><a href="{{item.url | remove: "/"}}">{{item.title}}</a></li> <li class="nav-item"><a class="nav-link" href="{{item.url | remove: "/"}}">{{item.title}}</a></li>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% endfor %} {% endfor %}
<!-- entries with drop-downs appear here --> <!-- entries with drop-downs appear here -->
<!-- conditional logic to control which topnav appears for the audience defined in the configuration file.--> <!-- conditional logic to control which topnav appears for the audience defined in the configuration file.-->
{% for entry in site.data.topnav.topnav_dropdowns %} {% for entry in site.data.topnav.topnav_dropdowns %}
{% for folder in entry.folders %} {% for folder in entry.folders %}
<li class="dropdown"> <li class="nav-item dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ folder.title }}<b class="caret"></b></a> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ folder.title }}<b class="caret"></b></a>
<ul class="dropdown-menu"> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
{% for folderitem in folder.folderitems %} {% for folderitem in folder.folderitems %}
{% if folderitem.external_url %} {% if folderitem.external_url %}
<li><a href="{{folderitem.external_url}}" target="_blank">{{folderitem.title}}</a></li> <a class="dropdown-item" href="{{folderitem.external_url}}" target="_blank">{{folderitem.title}}</a>
{% elsif page.url contains folderitem.url %} {% elsif page.url contains folderitem.url %}
<li class="dropdownActive"><a href="{{folderitem.url | remove: "/"}}">{{folderitem.title}}</a></li> <a class="dropdown-item dropdownActive" href="{{folderitem.url | remove: "/"}}">{{folderitem.title}}</a>
{% else %} {% else %}
<li><a href="{{folderitem.url | remove: "/"}}">{{folderitem.title}}</a></li> <a class="dropdown-item" href="{{folderitem.url | remove: "/"}}">{{folderitem.title}}</a>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</ul> </div>
</li> </li>
{% endfor %}
{% endfor %} {% endfor %}
{% endfor %}
{% if site.feedback_disable == null or site.feedback_disable == false %}
{% include feedback.html %}
{% endif %}
<!--comment out this block if you want to hide search-->
<li>
<!--start search-->
<div id="search-demo-container">
<input type="text" id="search-input" placeholder="{{site.data.strings.search_placeholder_text}}">
<ul id="results-container"></ul>
</div>
<script src="{{ "js/jekyll-search.js"}}" type="text/javascript"></script>
<script type="text/javascript">
SimpleJekyllSearch.init({
searchInput: document.getElementById('search-input'),
resultsContainer: document.getElementById('results-container'),
dataSource: '{{ "search.json" }}',
searchResultTemplate: '<li><a href="{url}" title="{{page.title | replace: "\'", "\"}}">{title}</a></li>',
noResultsText: '{{site.data.strings.search_no_results_text}}',
limit: 10,
fuzzy: true,
})
</script>
<!--end search-->
</li>
</ul> </ul>
<form class="form-inline my-2 my-lg-0" id="search-demo-container">
<input class="form-control mr-sm-2" type="search" placeholder="{{site.data.strings.search_placeholder_text}}" id="search-input">
<ul id="results-container"></ul>
<script src="{{ "js/jekyll-search.js"}}" type="text/javascript"></script>
<script type="text/javascript">
SimpleJekyllSearch.init({
searchInput: document.getElementById('search-input'),
resultsContainer: document.getElementById('results-container'),
dataSource: '{{ "search.json" }}',
searchResultTemplate: '<li><a href="{url}" title="{{page.title | replace: "\'", "\"}}">{title}</a></li>',
noResultsText: '{{site.data.strings.search_no_results_text}}',
limit: 10,
fuzzy: true,
});
$('#results-container').css('left', $('#search-input').position().left);
</script>
</form>
</div> </div>
</div> </div>
<!-- /.container -->
</nav> </nav>

3
docs/_layouts/default.html
View File

@ -41,12 +41,13 @@
</script> </script>
<script> <script>
$(document).ready(function() { $(document).ready(function() {
$("#tg-sb-link").click(function() { $("#tg-sb-link").click(function(event) {
$("#tg-sb-sidebar").toggle(); $("#tg-sb-sidebar").toggle();
$("#tg-sb-content").toggleClass('col-md-9'); $("#tg-sb-content").toggleClass('col-md-9');
$("#tg-sb-content").toggleClass('col-md-12'); $("#tg-sb-content").toggleClass('col-md-12');
$("#tg-sb-icon").toggleClass('fa-toggle-on'); $("#tg-sb-icon").toggleClass('fa-toggle-on');
$("#tg-sb-icon").toggleClass('fa-toggle-off'); $("#tg-sb-icon").toggleClass('fa-toggle-off');
event.preventDefault();
}); });
}); });
</script> </script>

15
docs/css/customstyles.css
View File

@ -213,7 +213,7 @@ p.post-meta {font-size: 80%; color: #777;}
font-size: 12px; font-size: 12px;
background-color: white; background-color: white;
position: absolute; position: absolute;
top: 40px; /* if you change anything about the nav, you'll prob. need to reset the top and left values here.*/ top: 50px; /* if you change anything about the nav, you'll prob. need to reset the top and left values here.*/
left: 20px; left: 20px;
z-index: -1; z-index: -1;
width:223px; width:223px;
@ -230,21 +230,9 @@ ul#results-container a:hover {
color: black; color: black;
} }
#search-demo-container a:hover { #search-demo-container a:hover {
color: black; color: black;
} }
#search-input {
padding: .5em;
margin-left:20px;
width:20em;
font-size: 0.8em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: right;
margin-top:10px;
}
/* end search */ /* end search */
.filter-options { .filter-options {
@ -394,6 +382,7 @@ background-color: #347DBE;
} }
ul#mysidebar { ul#mysidebar {
display: block;
border-radius:0px; border-radius:0px;
} }