Created
March 22, 2017 22:30
-
-
Save spodlecki/1961d8899c46a5097231bcc3a99ee0f0 to your computer and use it in GitHub Desktop.
Gitlab 9.0 CSS Fixes (Fixed Menu)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment