Ability to toggle sidebar on smaller screens
This commit is contained in:
parent
c684bcc8b7
commit
a3713050f7
|
@ -188,13 +188,9 @@ $ ->
|
||||||
$container.remove()
|
$container.remove()
|
||||||
|
|
||||||
$('.navbar-toggle').on 'click', ->
|
$('.navbar-toggle').on 'click', ->
|
||||||
$this = $(this);
|
|
||||||
$('.header-content .title').toggle()
|
$('.header-content .title').toggle()
|
||||||
$('.header-content .navbar-collapse').toggle()
|
$('.header-content .navbar-collapse').toggle()
|
||||||
if $this.toggleClass('active').hasClass('active')
|
$('.navbar-toggle').toggleClass('active')
|
||||||
$this.closest('header').css('z-index',100)
|
|
||||||
else
|
|
||||||
$this.closest('header').css('z-index',99)
|
|
||||||
|
|
||||||
# Show/hide comments on diff
|
# Show/hide comments on diff
|
||||||
$("body").on "click", ".js-toggle-diff-comments", (e) ->
|
$("body").on "click", ".js-toggle-diff-comments", (e) ->
|
||||||
|
@ -214,7 +210,7 @@ $ ->
|
||||||
$this = $(this)
|
$this = $(this)
|
||||||
$this.attr 'value', $this.val()
|
$this.attr 'value', $this.val()
|
||||||
return
|
return
|
||||||
|
|
||||||
$(document)
|
$(document)
|
||||||
.off 'keyup', 'input[type="search"]'
|
.off 'keyup', 'input[type="search"]'
|
||||||
.on 'keyup', 'input[type="search"]' , (e) ->
|
.on 'keyup', 'input[type="search"]' , (e) ->
|
||||||
|
@ -257,7 +253,7 @@ $ ->
|
||||||
$('.page-with-sidebar')
|
$('.page-with-sidebar')
|
||||||
.removeClass('right-sidebar-collapsed')
|
.removeClass('right-sidebar-collapsed')
|
||||||
.addClass('right-sidebar-expanded')
|
.addClass('right-sidebar-expanded')
|
||||||
$.cookie("collapsed_gutter",
|
$.cookie("collapsed_gutter",
|
||||||
$('.right-sidebar')
|
$('.right-sidebar')
|
||||||
.hasClass('right-sidebar-collapsed'), { path: '/' })
|
.hasClass('right-sidebar-collapsed'), { path: '/' })
|
||||||
|
|
||||||
|
|
|
@ -23,7 +23,7 @@ header {
|
||||||
|
|
||||||
&.navbar-gitlab {
|
&.navbar-gitlab {
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
z-index: 99;
|
z-index: 100;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
min-height: $header-height;
|
min-height: $header-height;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
@ -141,9 +141,13 @@ header {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $screen-md-max) {
|
@media (max-width: $screen-md-max) {
|
||||||
.header-collapsed, .header-expanded {
|
.header-collapsed {
|
||||||
@include collapsed-header;
|
margin-left: $sidebar_collapsed_width;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header-expanded {
|
||||||
|
margin-left: $sidebar_width;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(min-width: $screen-md-max) {
|
@media(min-width: $screen-md-max) {
|
||||||
|
|
|
@ -183,20 +183,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin expanded-sidebar {
|
@mixin expanded-sidebar {
|
||||||
|
padding-left: $sidebar_width;
|
||||||
|
|
||||||
&.right-sidebar-collapsed {
|
&.right-sidebar-collapsed {
|
||||||
padding-right: $sidebar_collapsed_width;
|
padding-right: $sidebar_collapsed_width;
|
||||||
}
|
}
|
||||||
|
|
||||||
// when the screen is small enough
|
|
||||||
@media (max-width: $screen-md-max) {
|
|
||||||
padding-left: $sidebar_collapsed_width;
|
|
||||||
}
|
|
||||||
|
|
||||||
// when the screen is big enough
|
|
||||||
@media(min-width: $screen-md-max) {
|
|
||||||
padding-left: $sidebar_width;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar-wrapper {
|
.sidebar-wrapper {
|
||||||
width: $sidebar_width;
|
width: $sidebar_width;
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue