Gitlab 9.0 CSS Fixes (Fixed Menu)

gitlab-9.0.css

/* Main Fixed Styles */
header .header-content {
  padding-left: 65px;
}
.page-with-sidebar {
  margin-left: 65px;
}
.dropdown-menu-nav.global-dropdown-menu {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  margin-top: -1px;
  border-radius: 0;
  min-width: 65px;
  background-color: #2b333d;
}

/* Link Fixes */
.dropdown-menu-nav.global-dropdown-menu ul li a {
  overflow: visible;
}
.dropdown-menu-nav.global-dropdown-menu ul li a:hover, .dropdown-menu-nav.global-dropdown-menu ul li a:active, .dropdown-menu-nav.global-dropdown-menu ul li a:focus {
  background-color: transparent;
}

/* Menu Items */
.dropdown-menu-nav.global-dropdown-menu ul li a .badge {
  background-color: #404e60;
  color: #FFF;
  font-size: 12px;
  right: 0;
}
.dropdown-menu-nav.global-dropdown-menu ul li a span {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2b333d;
  overflow: hidden;
  width: 30px;
}
.dropdown-menu-nav.global-dropdown-menu ul li.divider {
  background-color: #49515c;
}
.dropdown-menu-nav.global-dropdown-menu ul li a span:before {
  color: #fff;
  font-size: 24px;
}
.dropdown-menu-nav.global-dropdown-menu ul li a:hover span:before {
  color: #e3e3e3;
}

/* Tooltip setup */
.dropdown-menu-nav.global-dropdown-menu ul li a:after {
  display: none;
}
.dropdown-menu-nav.global-dropdown-menu ul li a:hover:after {
  position: absolute;
  padding: 0 15px;
  display: block;
  font-size: 11px;
  background-color: #000;
  border-radius: 5px;
  line-height: 25px;
  right: -100px;
  width: 100px;
  top: 3px;
  color: #fff;
  text-align: center;
}

/* Font Awesome Icons & Tooltip*/
.dropdown-menu-nav.global-dropdown-menu ul li a[title="Projects"] span:before {
  content: "\f02e";
}
.dropdown-menu-nav.global-dropdown-menu ul li a[title="Projects"]:after {
  content: "Projects";
}
.dropdown-menu-nav.global-dropdown-menu ul li a[title="Activity"] span:before {
  content: "\f0e4";
}
.dropdown-menu-nav.global-dropdown-menu ul li a[title="Activity"]:after {
  content: "Activity";
}
.dropdown-menu-nav.global-dropdown-menu ul li a[title="Issues"] span:before {
  content: "\f05a";
}
.dropdown-menu-nav.global-dropdown-menu ul li a[title="Issues"]:after {
  content: "Issues";
}
.dropdown-menu-nav.global-dropdown-menu ul li a[title="Milestones"] span:before {
  content: "\f017";
}
.dropdown-menu-nav.global-dropdown-menu ul li a[title="Milestones"]:after {
  content: "Milestones";
}
.dropdown-menu-nav.global-dropdown-menu ul li a[title="Merge Requests"] span:before {
  content: "\f0ae";
}
.dropdown-menu-nav.global-dropdown-menu ul li a[title="Merge Requests"]:after {
  content: "Merge Requests";
}
.dropdown-menu-nav.global-dropdown-menu ul li a[title="Snippets"] span:before {
  content: "\f121";
}
.dropdown-menu-nav.global-dropdown-menu ul li a[title="Snippets"]:after {
  content: "Snippets";
}
.dropdown-menu-nav.global-dropdown-menu ul li a[title="Groups"] span:before {
  content: "\f0c0";
}
.dropdown-menu-nav.global-dropdown-menu ul li a[title="Groups"]:after {
  content: "Groups";
}


/* Fix overflow issue in pipelines */
.table-holder.pipelines {
  min-height: 400px;
}