Freifunk-Troisdorf/meshviewer
5
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[TASK] Keep header in detail view

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/infobox/main.js
View File

@ -19,7 +19,7 @@ define(['infobox/link', 'infobox/node', 'infobox/location'], function (link, nod
sidebar.hide(); sidebar.hide();
el = document.createElement('div'); el = document.createElement('div');
sidebar.container.insertBefore(el, sidebar.container.firstChild); sidebar.container.children[1].append(el);
el.scrollIntoView(false); el.scrollIntoView(false);
el.classList.add('infobox'); el.classList.add('infobox');

6
lib/sidebar.js
View File

@ -44,11 +44,13 @@ define(function () {
}; };
self.hide = function hide() { self.hide = function hide() {
container.classList.add('hidden'); container.children[1].classList.add('hide');
container.children[2].classList.add('hide');
}; };
self.reveal = function reveal() { self.reveal = function reveal() {
container.classList.remove('hidden'); container.children[1].classList.remove('hide');
container.children[2].classList.remove('hide');
}; };
self.container = sidebar; self.container = sidebar;

3
scss/modules/_base.scss
View File

@ -10,6 +10,7 @@ body {
header { header {
background: transparentize($color-black, .98); background: transparentize($color-black, .98);
border-bottom: 1px solid darken($color-white, 10%);
} }
h1, h1,
@ -67,5 +68,5 @@ strong {
} }
.hide { .hide {
display: none; display: none !important; // sass-lint:disable-line no-important
} }

3
scss/modules/_sidebar.scss
View File

@ -63,7 +63,6 @@
} }
} }
.infobox,
.container { .container {
@if $shadows == 1 { @if $shadows == 1 {
@include shadow(2); @include shadow(2);
@ -73,9 +72,7 @@
background: transparentize($color-white, .03); background: transparentize($color-white, .03);
min-height: 100vh; min-height: 100vh;
overflow-y: visible; overflow-y: visible;
}
.container {
&.hidden { &.hidden {
display: none; display: none;
} }

4
scss/modules/_tabs.scss
View File

@ -2,8 +2,8 @@
@if $shadows == 1 { @if $shadows == 1 {
@include shadow(1); @include shadow(1);
} @else { } @else {
border: solid darken($color-white, 10%); border: 0 solid darken($color-white, 10%);
border-width: 1px 0; border-bottom-width: 1px;
} }
background: transparentize($color-black, .98); background: transparentize($color-black, .98);
display: flex; display: flex;

3
scss/night.scss
View File

@ -15,6 +15,7 @@ html {
header { header {
background: transparentize($color-black, .98); background: transparentize($color-black, .98);
border-bottom-color: lighten($color-white, 10%);
} }
//@import 'modules/leaflet'; //@import 'modules/leaflet';
@ -87,7 +88,7 @@ html {
//@import 'modules/tabs'; //@import 'modules/tabs';
.tabs { .tabs {
background: transparentize($color-black, .98); background: transparentize($color-black, .98);
border-color: lighten($color-white, 10%); border-bottom-color: lighten($color-white, 10%);
li { li {
color: transparentize($color-black, .5); color: transparentize($color-black, .5);