archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

Remove the hacky center positioning of dropdowns, flexbox all the way!

Browse source
This commit is contained in:
Jake Howard 2016-01-07 22:47:21 +00:00
parent c6f883f88c
commit 1fef2c8128
2 changed files with 4 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
static/src/js/events.js
View file

@ -2,7 +2,7 @@
var is_navbar_attached = false; var is_navbar_attached = false;
$(window).load(function() { $(window).load(function() {
$(window).trigger('scroll').trigger('resize'); $(window).trigger('scroll');
}); });
function detach_navbar() { function detach_navbar() {
@ -42,14 +42,6 @@ function position_navbar() {
}); });
} }
function space_navbar() { //This really should be CSS!
if ($(window).width() < 862) { return; } // @screen-sm
var nav_width = $('#navigation').outerWidth(true);
var full_width = $('nav > .container-fluid').outerWidth(true) - $('.home-button').outerWidth(true);
var margin = (full_width - nav_width) / 2;
$('#navigation').css('margin-left', margin);
}
$(function() { // https://css-tricks.com/snippets/jquery/smooth-scrolling/ $(function() { // https://css-tricks.com/snippets/jquery/smooth-scrolling/
$('a[href*=#]:not([href=#])').click(function() { $('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '')
@ -72,5 +64,3 @@ $('a[href="soon"]').click(function (e) {
}); });
$(window).scroll(position_navbar); $(window).scroll(position_navbar);
$(window).resize(space_navbar);

3
static/src/less/navbar.less
View file

@ -20,6 +20,9 @@
} }
#navigation { #navigation {
.flexbox();
justify-content: center;
float: none;
& a { & a {
.transition(~"ease-in-out .3s color"); .transition(~"ease-in-out .3s color");
} }