[TASK] Keep header in detail view

This commit is contained in:
Xaver Maierhofer 2017-04-14 14:43:46 +02:00
parent 0a2f171f22
commit 0fd085af24
No known key found for this signature in database
GPG Key ID: 7FDCE23FD2EC9FE8
6 changed files with 11 additions and 10 deletions

View File

@ -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');

View File

@ -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;

View File

@ -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
}

View File

@ -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;
}

View File

@ -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;

View File

@ -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);