diff options
| author | Zog | 2018-02-02 08:21:43 +0100 |
|---|---|---|
| committer | Zog | 2018-02-23 10:29:06 +0100 |
| commit | 2be6e735086d08fd6f7835ce413c92c6978f01bb (patch) | |
| tree | 935b166ee47b388b7c40afb5ba6632011bbcb084 /app/assets | |
| parent | 7e3065d47441f3e4fc41678a80737eef12c50c84 (diff) | |
| download | chouette-core-2be6e735086d08fd6f7835ce413c92c6978f01bb.tar.bz2 | |
Better UI for maps showing mltiple routes
Diffstat (limited to 'app/assets')
| -rw-r--r-- | app/assets/stylesheets/OpenLayers/custom.sass | 48 |
1 files changed, 31 insertions, 17 deletions
diff --git a/app/assets/stylesheets/OpenLayers/custom.sass b/app/assets/stylesheets/OpenLayers/custom.sass index fa874d924..21f5233e5 100644 --- a/app/assets/stylesheets/OpenLayers/custom.sass +++ b/app/assets/stylesheets/OpenLayers/custom.sass @@ -2,15 +2,21 @@ .list-group-item & margin-top: 15px - .routes-labels + .ol-routes-layers + position: absolute + right: 42px + top: .5em padding: 0 display: flex justify-content: space-between flex-wrap: wrap margin: 5px -5px - li + max-width: 80% + background-color: transparentize(white, 0.2) + border-radius: 3px + div list-style-type: none - flex: 1 0 25% + flex: 1 0 15% border: 1px solid $lightgrey padding: 5px margin: 5px @@ -18,11 +24,19 @@ cursor: pointer color: $blue white-space: nowrap + text-overflow: ellipsis + overflow: hidden + font-size: 0.6em - &:hover - background: $orange + &.active + background: $blue color: white + .ol-routes-layers-button-wrapper + position: absolute + right: .5em + top: .5em + .ol-scale-line background-color: transparent bottom: 5px @@ -55,20 +69,20 @@ .ol-zoom background-color: transparent - .ol-zoom-in, .ol-zoom-out - background-color: $darkblue - color: #fff - border-radius: 3px - margin: 0 + .ol-zoom-in, .ol-zoom-out, .ol-routes-layers-button + background-color: $darkblue + color: #fff + border-radius: 3px + margin: 0 - .ol-zoom-in - border-bottom-left-radius: 0 - border-bottom-right-radius: 0 + .ol-zoom-in + border-bottom-left-radius: 0 + border-bottom-right-radius: 0 - .ol-zoom-out - margin-top: 1px - border-top-left-radius: 0 - border-top-right-radius: 0 + .ol-zoom-out + margin-top: 1px + border-top-left-radius: 0 + border-top-right-radius: 0 .ol-zoomslider margin: 2px |