mirror of
https://github.com/clearlinux/clear-linux-documentation.git
synced 2026-08-26 18:36:02 +00:00
Fixed sidebar responsive styles
This commit is contained in:
@@ -6,8 +6,8 @@
|
||||
<div class="project-header container clearfix">
|
||||
<div class="left inline">
|
||||
<a href="/" id="project-name">
|
||||
<span id="project-name-left">Clear Linux </span>
|
||||
<span id="project-name-right">Project <sup>*</sup></span>
|
||||
<span id="project-name-left">Clear Linux <sup>*</sup></span>
|
||||
<span id="project-name-right">Project</span>
|
||||
<span id="project-name-bottom">for Intel* Architecture</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -113,11 +113,11 @@
|
||||
<div class="content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-3 col-sm-3 col-xs-3">
|
||||
<div class="col-md-4 col-sm-4 col-xs-12">
|
||||
<div class="row"><div class="col-md-12 col-sm-12 col-xs-12">{% include "navigation.html" %}</div></div>
|
||||
<div class="row"><div class="col-md-12 col-sm-12 col-xs-12">{% include "searchbox.html" %}</div></div>
|
||||
</div>
|
||||
<div class="col-md-9 col-sm-9 col-xs-9">{% block body %}{% endblock %}</div>
|
||||
<div class="col-md-8 col-sm-8 col-xs-12">{% block body %}{% endblock %}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -132,7 +132,7 @@ sidebar .custom-dropdown-menu {
|
||||
}
|
||||
|
||||
.main-content{
|
||||
padding-top: 120px !important;
|
||||
padding-top: 110px !important;
|
||||
}
|
||||
|
||||
#site-breadcrumb {
|
||||
|
||||
@@ -24,11 +24,6 @@ jQuery(document).ready(function($){
|
||||
return false;
|
||||
});
|
||||
|
||||
$('.faq-question').click(function(){
|
||||
$(this).toggleClass('opened');
|
||||
$(this).next().toggleClass('opened');
|
||||
});
|
||||
|
||||
$('div[id^=heading-]').click(function(){
|
||||
var section = $(this).attr('id').replace('heading-', '');
|
||||
$('#collapse-' + section).slideToggle();
|
||||
@@ -45,21 +40,12 @@ jQuery(document).ready(function($){
|
||||
$(this).parent().toggleClass('menu-open');
|
||||
});
|
||||
|
||||
$('.faq-question').click(function(){
|
||||
$(this).toggleClass('opened');
|
||||
$(this).next().toggleClass('opened');
|
||||
});
|
||||
|
||||
$('div[id^=heading-]').click(function(){
|
||||
var section = $(this).attr('id').replace('heading-', '');
|
||||
$('#collapse-' + section).slideToggle();
|
||||
$('#title-'+ section +' a i').toggleClass('fa-plus-square fa-minus-square');
|
||||
});
|
||||
|
||||
$('#block-menu-menu-social-media, #block-menu-menu-get-involved').click(function(){
|
||||
$(this).find('.menu').slideToggle();
|
||||
});
|
||||
|
||||
function onScroll(el) {
|
||||
var $header = $('.project-header').first();
|
||||
var scrollTop = $(el.currentTarget).scrollTop();
|
||||
@@ -77,26 +63,4 @@ jQuery(document).ready(function($){
|
||||
$('body, html').scroll(onScroll);
|
||||
$(window).scroll(onScroll);
|
||||
|
||||
if (!$('html').hasClass('cssanimations') && $('body').hasClass('front')) {
|
||||
margin = [0, -37, -74, -111],
|
||||
i = 0,
|
||||
tickerNewsInterval = tickerNews();
|
||||
|
||||
$('.pane-news-panel-pane-news-ticker .view-content').hover(function(){
|
||||
clearInterval(tickerNewsInterval);
|
||||
});
|
||||
|
||||
$('.pane-news-panel-pane-news-ticker .view-content').mouseleave(function(){
|
||||
tickerNewsInterval = tickerNews();
|
||||
});
|
||||
}
|
||||
|
||||
function tickerNews(){
|
||||
return setInterval(function(){
|
||||
i = (i + 1 < 4) ? i + 1 : 0;
|
||||
$('.pane-news-panel-pane-news-ticker .view-content').stop(true).animate({
|
||||
marginTop: margin[i] + 'px'
|
||||
}, 1000);
|
||||
}, 2500);
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user