mirror of
https://github.com/wahyd4/gitlabhq.git
synced 2026-08-11 13:46:11 +10:00
Jacob SchatzandRobert Speicher
8ff33eb976
Pinned sidebar navigation option ## What does this MR do? Gives the ability to pin the sidebar navigation. Pinning is only possible on screens with above `lg` which is `1200px` if not it reverts to being hidden by default. ## What are the relevant issue numbers? Closes #18542 ## Screenshots (if relevant) ### Un-pinned  ### Pinned  See merge request !4683
38 lines
1.2 KiB
CoffeeScript
38 lines
1.2 KiB
CoffeeScript
collapsed = 'page-sidebar-collapsed'
|
|
expanded = 'page-sidebar-expanded'
|
|
|
|
toggleSidebar = ->
|
|
$('.page-with-sidebar').toggleClass("#{collapsed} #{expanded}")
|
|
$('.navbar-fixed-top').toggleClass("header-collapsed header-expanded")
|
|
|
|
if $.cookie('pin_nav') is 'true'
|
|
$('.navbar-fixed-top').toggleClass('header-pinned-nav')
|
|
$('.page-with-sidebar').toggleClass('page-sidebar-pinned')
|
|
|
|
setTimeout ( ->
|
|
niceScrollBars = $('.nav-sidebar').niceScroll();
|
|
niceScrollBars.updateScrollBar();
|
|
), 300
|
|
|
|
$(document)
|
|
.off 'click', 'body'
|
|
.on 'click', 'body', (e) ->
|
|
unless $.cookie('pin_nav') is 'true'
|
|
$target = $(e.target)
|
|
$nav = $target.closest('.sidebar-wrapper')
|
|
pageExpanded = $('.page-with-sidebar').hasClass('page-sidebar-expanded')
|
|
$toggle = $target.closest('.toggle-nav-collapse, .side-nav-toggle')
|
|
|
|
if $nav.length is 0 and pageExpanded and $toggle.length is 0
|
|
$('.page-with-sidebar')
|
|
.toggleClass('page-sidebar-collapsed page-sidebar-expanded')
|
|
|
|
$('.navbar-fixed-top')
|
|
.toggleClass('header-collapsed header-expanded')
|
|
|
|
$(document).on("click", '.toggle-nav-collapse, .side-nav-toggle', (e) ->
|
|
e.preventDefault()
|
|
|
|
toggleSidebar()
|
|
)
|