Browse Source

Style: grey background for category content

master
parent
commit
d394ee7542
  1. 4
      src/OpenStreetBrowserCategory.js
  2. 9
      style.css

4
src/OpenStreetBrowserCategory.js

@ -24,6 +24,8 @@ OpenStreetBrowserCategory.prototype.open = function () {
this.parentDom = document.getElementById(this.parentDom) this.parentDom = document.getElementById(this.parentDom)
} }
this.parentDom.parentNode.classList.add('open')
this.layer.addTo(this.map) this.layer.addTo(this.map)
if (!this.list) { if (!this.list) {
@ -40,6 +42,8 @@ OpenStreetBrowserCategory.prototype.close = function () {
this.layer.remove() this.layer.remove()
this.list.remove() this.list.remove()
this.parentDom.parentNode.classList.remove('open')
this.isOpen = false this.isOpen = false
} }

9
style.css

@ -88,7 +88,6 @@ body {
/***** CATEGORY *****/ /***** CATEGORY *****/
#info .category header { #info .category header {
padding-top: 3px; padding-top: 3px;
margin-bottom: 3px;
border-bottom: 1px dotted #999; border-bottom: 1px dotted #999;
user-select: none; user-select: none;
font-size: 15px; font-size: 15px;
@ -101,6 +100,14 @@ body {
#info .category header > a:hover { #info .category header > a:hover {
text-decoration: underline; text-decoration: underline;
} }
#info .category ul.overpass-layer-list {
display: none;
}
#info .category.open ul.overpass-layer-list {
display: block;
padding-top: 3px;
background: #efefef;
}
#info .category > div > .category { #info .category > div > .category {
margin-left: 1em; margin-left: 1em;

Loading…
Cancel
Save