Merge branch 'docs_sidebar_responsive' into 'master'

Docs - sidebar responsive fix

- Fixed responsiveness for sidebar on mobile devices
- Changed in header: Clear Linux Project* to Clear Linux* Project (star was in wrong word)
- Removed unused js code

See merge request !92
This commit is contained in:
Tullis, Michael L
2016-08-29 15:28:57 -07:00
4 changed files with 21 additions and 47 deletions
+2 -2
View File
@@ -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&nbsp;</span>
<span id="project-name-right">Project <sup>*</sup></span>
<span id="project-name-left">Clear Linux&nbsp; <sup>*</sup></span>
<span id="project-name-right">Project</span>
<span id="project-name-bottom">for Intel* Architecture</span>
</a>
</div>
+2 -2
View File
@@ -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>
@@ -13,13 +13,25 @@
margin-left: -40px;
}
#searchbox {
margin-bottom: 45px;
}
@media (min-width: 992px) {
#searchbox {
margin-bottom: 0; } }
#searchbox input[type=text] {
width: 100%;
padding-right: 80px; }
#searchbox input[type=submit] {
position: absolute;
right: 0;
top: 0; }
#searchbox form.search {
position: relative; }
sidebar .custom-dropdown-menu {
margin-bottom: 5px;
padding: 0; }
@media (max-width: 767px) {
sidebar .custom-dropdown-menu {
margin-bottom: 35px;
margin-top: 15px; } }
sidebar .custom-dropdown-menu .no-childs .fa:before {
display: none; }
sidebar .custom-dropdown-menu li {
@@ -120,7 +132,7 @@ sidebar .custom-dropdown-menu {
}
.main-content{
padding-top: 120px !important;
padding-top: 110px !important;
}
#site-breadcrumb {
@@ -134,8 +146,6 @@ sidebar .custom-dropdown-menu {
input[type=text] {
min-height: 46px !important;
min-width: 120px !important;
max-width: 120px !important;
}
button, .button, .btn, input[type=button],
@@ -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);
}
});