mirror of
https://github.com/rancher/rancher-docs.git
synced 2026-09-25 12:38:05 +00:00
Fix nav
This commit is contained in:
Vincent Fiduccia
+27
-145
@@ -18,36 +18,35 @@
|
||||
|
||||
<div class="row max-sized contents-container background-base-gray-side">
|
||||
<div class="
|
||||
col-xl-3
|
||||
col-lg-4
|
||||
col-md-4
|
||||
col-sm-12
|
||||
col-xs-12
|
||||
col-12
|
||||
col-xl-3
|
||||
col-lg-4
|
||||
col-md-4
|
||||
col-sm-12
|
||||
col-xs-12
|
||||
col-12
|
||||
side-menus">
|
||||
<div class="search-container">
|
||||
<input class="search input" placeholder="SEARCH" />
|
||||
</div>
|
||||
|
||||
|
||||
<!-- <div class="side-menus-wrap jquery-accordion-menu"> -->
|
||||
{{ partial "docs-side-nav.html" . }}
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
<div class="
|
||||
col-xl-9
|
||||
col-lg-8
|
||||
col-md-8
|
||||
col-sm-12
|
||||
col-xs-12
|
||||
col-12
|
||||
col-xl-9
|
||||
col-lg-8
|
||||
col-md-8
|
||||
col-sm-12
|
||||
col-xs-12
|
||||
col-12
|
||||
texts-container">
|
||||
<div class="docs-wrap">
|
||||
{{ with .Params.Title }}
|
||||
<h1 class="m-t-0">{{ . }}</h1>
|
||||
<hr/>
|
||||
{{end}}
|
||||
|
||||
|
||||
{{ if .Params.ctaBanner }}
|
||||
{{ with index .Site.Data.cta .Params.ctaBanner }}
|
||||
<div class="docs-banner">
|
||||
@@ -69,23 +68,23 @@
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
|
||||
<div class="main-content docs-body">
|
||||
<!-- this is a test -->
|
||||
<!-- {{ partial "page-nav.html" . }} -->
|
||||
<!-- end test -->
|
||||
{{ .Content }}
|
||||
|
||||
|
||||
{{ $paginator := .Scratch.Get "paginator" }}
|
||||
{{ range $paginator.Pages }}
|
||||
<div class="box m-b-md">
|
||||
<div class="p-a-sm">
|
||||
<h3><a href="{{.URL}}">{{.Title}}</a></h3>
|
||||
|
||||
|
||||
{{ if .Params.Image }}
|
||||
<div class="thumbnail"><img src="{{ .Params.Image }}" alt="{{ .Params.Title }}"></div>
|
||||
{{end}}
|
||||
|
||||
|
||||
<p>{{ .Summary | safeHTML }}</p>
|
||||
{{ if .Truncated }}
|
||||
<div>
|
||||
@@ -95,38 +94,38 @@
|
||||
</div>
|
||||
<div class="bg-default">
|
||||
<div class="row">
|
||||
|
||||
|
||||
{{ with .Params.Author }}
|
||||
<div class="p-h-sm p-v-xs"><i class="material-icons">person_outline</i> By: {{ . }}</div>
|
||||
{{end}}
|
||||
|
||||
|
||||
{{ if eq .Section "events" }}
|
||||
{{ with .Params.EventDate }}
|
||||
<div class="p-h-sm p-v-xs"><i class="material-icons">event</i> {{ . }}</div>
|
||||
{{end}}
|
||||
|
||||
|
||||
{{ else }}
|
||||
|
||||
|
||||
{{ with .Params.Date }}
|
||||
<div class="p-h-sm p-v-xs"><i class="material-icons">event</i> {{ .Format "January 2, 2006" }}</div>
|
||||
{{end}}
|
||||
{{end}}
|
||||
|
||||
|
||||
{{ if eq .Section "blog" }}
|
||||
<div class="p-h-sm p-v-xs"><i class="material-icons">timer</i> Read Time: {{.ReadingTime}} minutes</div>
|
||||
{{end}}
|
||||
|
||||
|
||||
{{ with .Params.Location }}
|
||||
<div class="p-h-sm p-v-xs"><i class="material-icons">location_on</i> {{ . }}</div>
|
||||
{{end}}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ template "_internal/pagination.html" . }}
|
||||
|
||||
|
||||
<div class="p-v-xs">{{ partial "page-edit.html" . }}</div>
|
||||
</article>
|
||||
<!-- {{ with .TableOfContents }}
|
||||
@@ -144,125 +143,8 @@
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Side menu script
|
||||
;(function ( $, window, document, undefined ) {
|
||||
var pluginName = "jqueryAccordionMenu";
|
||||
var defaults = {
|
||||
speed: 300,
|
||||
showDelay: 0,
|
||||
hideDelay: 0,
|
||||
singleOpen: true,
|
||||
clickEffect: true
|
||||
};
|
||||
|
||||
function Plugin ( element, options ) {
|
||||
this.element = element;
|
||||
this.settings = $.extend( {}, defaults, options );
|
||||
this._defaults = defaults;
|
||||
this._name = pluginName;
|
||||
this.init();
|
||||
};
|
||||
|
||||
$.extend(Plugin.prototype, {
|
||||
|
||||
init: function () {
|
||||
this.submenuIndicators();
|
||||
this.openSubmenu();
|
||||
if(this.settings.clickEffect){
|
||||
this.addClickEffect();
|
||||
}
|
||||
},
|
||||
|
||||
openSubmenu: function () {
|
||||
var touchmoved;
|
||||
opts = this.settings; //to differ from local variable "this"
|
||||
|
||||
$(this.element).children("ul").find("li").find('.submenu-indicator').bind("click", function(e){
|
||||
var targetElement = $(this).parent().parent()
|
||||
e.preventDefault();
|
||||
|
||||
if (targetElement.attr('class') === 'back-to-the-top') {
|
||||
$('.side-menus-container').scrollTop(0);
|
||||
}
|
||||
|
||||
if(targetElement.children(".submenu").length > 0) {
|
||||
if(targetElement.children(".submenu").css("display") == "none") {
|
||||
targetElement.children(".submenu").delay(opts.showDelay).slideDown(opts.speed);
|
||||
targetElement.children(".submenu").siblings("a").addClass("submenu-indicator-minus");
|
||||
targetElement.addClass("activate");
|
||||
if(opts.singleOpen){
|
||||
targetElement.siblings().children(".submenu").slideUp(opts.speed);
|
||||
targetElement.siblings().children(".submenu").siblings("a").removeClass("submenu-indicator-minus");
|
||||
targetElement.removeClass("activate");
|
||||
}
|
||||
return false;
|
||||
} else {
|
||||
targetElement.children(".submenu").delay(opts.hideDelay).slideUp(opts.speed);
|
||||
targetElement.removeClass("activate");
|
||||
}
|
||||
if(targetElement.children(".submenu").siblings("a").hasClass("submenu-indicator-minus")){
|
||||
targetElement.children(".submenu").siblings("a").removeClass("submenu-indicator-minus");
|
||||
}
|
||||
}
|
||||
});
|
||||
// .on('touchmove', function(e) {
|
||||
// touchmoved = true;
|
||||
// }).on('touchstart', function(e) {
|
||||
// touchmoved = false;
|
||||
// });
|
||||
},
|
||||
|
||||
submenuIndicators: function () {
|
||||
if($(this.element).find(".submenu").length > 0){
|
||||
$(this.element).find(".submenu").siblings("a").append("<span class='submenu-indicator'><span class='object1'></span><span class='object2'></span><span class='object3'></span></span>");
|
||||
}
|
||||
},
|
||||
|
||||
addClickEffect: function () {
|
||||
var ink, d, x, y;
|
||||
$(this.element).find("a").bind("click touchstart", function(e){
|
||||
$(".ink").remove();
|
||||
|
||||
if($(this).children(".ink").length === 0){
|
||||
$(this).prepend("<span class='ink'></span>");
|
||||
}
|
||||
|
||||
ink = $(this).find(".ink");
|
||||
ink.removeClass("animate-ink");
|
||||
|
||||
if(!ink.height() && !ink.width()){
|
||||
d = Math.max($(this).outerWidth(), $(this).outerHeight());
|
||||
ink.css({height: d, width: d});
|
||||
}
|
||||
|
||||
x = e.pageX - $(this).offset().left - ink.width()/2;
|
||||
y = e.pageY - $(this).offset().top - ink.height()/2;
|
||||
|
||||
ink.css({top: y+'px', left: x+'px'}).addClass("animate-ink");
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$.fn[ pluginName ] = function ( options ) {
|
||||
this.each(function() {
|
||||
if ( !$.data( this, "plugin_" + pluginName ) ) {
|
||||
$.data( this, "plugin_" + pluginName, new Plugin( this, options ) );
|
||||
}
|
||||
});
|
||||
return this;
|
||||
};
|
||||
})( jQuery, window, document );
|
||||
|
||||
var sideNavMenus = $('.side-menus-container');
|
||||
sideNavMenus.jqueryAccordionMenu();
|
||||
|
||||
var sideNavMenusMobile = $('.docs-container .side-menus');
|
||||
$('.guide-menus-activator').click(function() {
|
||||
if (sideNavMenusMobile.hasClass('show')) {
|
||||
sideNavMenusMobile.removeClass('show');
|
||||
} else {
|
||||
sideNavMenusMobile.addClass('show');
|
||||
}
|
||||
$('.docs-container .side-menus').toggleClass('show');
|
||||
});
|
||||
|
||||
// anchor click control.
|
||||
@@ -280,7 +162,7 @@
|
||||
if (scrn < scrn_check) {
|
||||
depth = 120;
|
||||
}
|
||||
|
||||
|
||||
if (objt_mt > 0) {
|
||||
depth = depth + objt_mt
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user