diff --git a/lib/infobox/main.js b/lib/infobox/main.js index 0a0ba39..4e080a5 100644 --- a/lib/infobox/main.js +++ b/lib/infobox/main.js @@ -19,7 +19,7 @@ define(['infobox/link', 'infobox/node', 'infobox/location'], function (link, nod sidebar.hide(); el = document.createElement('div'); - sidebar.container.insertBefore(el, sidebar.container.firstChild); + sidebar.container.children[1].append(el); el.scrollIntoView(false); el.classList.add('infobox'); diff --git a/lib/sidebar.js b/lib/sidebar.js index 8a7400d..d9742fb 100644 --- a/lib/sidebar.js +++ b/lib/sidebar.js @@ -44,11 +44,13 @@ define(function () { }; self.hide = function hide() { - container.classList.add('hidden'); + container.children[1].classList.add('hide'); + container.children[2].classList.add('hide'); }; self.reveal = function reveal() { - container.classList.remove('hidden'); + container.children[1].classList.remove('hide'); + container.children[2].classList.remove('hide'); }; self.container = sidebar; diff --git a/scss/modules/_base.scss b/scss/modules/_base.scss index 581c156..933e3c7 100644 --- a/scss/modules/_base.scss +++ b/scss/modules/_base.scss @@ -10,6 +10,7 @@ body { header { background: transparentize($color-black, .98); + border-bottom: 1px solid darken($color-white, 10%); } h1, @@ -67,5 +68,5 @@ strong { } .hide { - display: none; + display: none !important; // sass-lint:disable-line no-important } diff --git a/scss/modules/_sidebar.scss b/scss/modules/_sidebar.scss index 3046307..9ab49fb 100644 --- a/scss/modules/_sidebar.scss +++ b/scss/modules/_sidebar.scss @@ -63,7 +63,6 @@ } } - .infobox, .container { @if $shadows == 1 { @include shadow(2); @@ -73,9 +72,7 @@ background: transparentize($color-white, .03); min-height: 100vh; overflow-y: visible; - } - .container { &.hidden { display: none; } diff --git a/scss/modules/_tabs.scss b/scss/modules/_tabs.scss index ebffdfb..2065139 100644 --- a/scss/modules/_tabs.scss +++ b/scss/modules/_tabs.scss @@ -2,8 +2,8 @@ @if $shadows == 1 { @include shadow(1); } @else { - border: solid darken($color-white, 10%); - border-width: 1px 0; + border: 0 solid darken($color-white, 10%); + border-bottom-width: 1px; } background: transparentize($color-black, .98); display: flex; diff --git a/scss/night.scss b/scss/night.scss index 3dbdc6b..e942057 100644 --- a/scss/night.scss +++ b/scss/night.scss @@ -15,6 +15,7 @@ html { header { background: transparentize($color-black, .98); + border-bottom-color: lighten($color-white, 10%); } //@import 'modules/leaflet'; @@ -87,7 +88,7 @@ html { //@import 'modules/tabs'; .tabs { background: transparentize($color-black, .98); - border-color: lighten($color-white, 10%); + border-bottom-color: lighten($color-white, 10%); li { color: transparentize($color-black, .5);