Gitlab navigation buttons

Add back the navigation buttons that have been hidden in the hamburger menu

As of 2021-06-23. See the latest version.

Ask a question, post a review, or report the script.

Wrap lines

// ==UserScript==
// @name                Gitlab navigation buttons
// @description         Add back the navigation buttons that have been hidden in the hamburger menu
// @author              eXistenZNL
// @namespace           eXistenZNL

// @grant               none
// @run-at              document-end
// @include             *://gitlab.com/*
// @include             *://gitlab.*.com/*

// @date                03/22/2021
// @modified            05/20/2021
// @version             1.0.0
// @require             https://cdn.staticfile.org/jquery/1.12.2/jquery.min.js
// ==/UserScript==


(function () {
    'use strict';

    const nav = document.querySelector('div.title-container');
    const html = `
    <div class="gl-display-none gl-sm-display-block">
      <ul class="nav navbar-sub-nav">
        <li class="nav-item"><a href="/dashboard/projects">Projects</a></li>
        <li class="nav-item"><a href="/dashboard/groups">Groups</a></li>
        <li class="nav-item"><a href="/dashboard/milestones">Milestones</a></li>
        <li class="nav-item"><a href="/dashboard/snippets">Snippets</a></li>
        <li class="nav-item"><a href="/dashboard/activity">Activity</a></li>
      </ul>
    </div>`
    $(nav).append(html);
})();