Mercurial > gemma
view client/src/application/assets/application.scss @ 770:c12ec7fde3f2
client: add simple identify top area box
* Add Identify.vue as a top area box that display the currently identified
features in a short text-only way. This can be styled further, also
the box is not yet resized dynamically. Put in to subdir layers because
it is closest to Layers.vue, which was used as a template.
* Introduce a new mapstore/identifiedFeatures state.
author | Bernhard Reiter <bernhard@intevation.de> |
---|---|
date | Wed, 26 Sep 2018 09:13:29 +0200 |
parents | badbc0207418 |
children | fe923c8ef08f |
line wrap: on
line source
$basic-shadow-light: 1px 1px 12px 1px rgba(235, 235, 235, 0.75); $basic-shadow: 1px 3px 8px 2px rgba(220, 220, 220, 0.75); $border-radius: 5px; $icon-height: 2rem; $icon-width: 2rem; $large-offset: 2rem; $layerselect-height: 20rem; $layerselect-width: 20rem; $identify-height: 20rem; $identify-width: 20rem; $offset: 1rem; $searchbar-width: 50vw; $sidebar-height: 16rem; $sidebar-width: 15rem; $slight-transparent: 0.96; $small-offset: 0.5rem; $smaller: 0.9rem; $transition-fast: 0.3s; $transition-slow: 3s; $transition: 0.5s; $x-large-offset: 3rem; $x-small-offset: 0.25rem; .debug { border: 1px solid red; } %fully-centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ui-element { pointer-events: auto; }