diff options
| author | Luc Donnet | 2018-03-02 11:08:33 +0100 |
|---|---|---|
| committer | GitHub | 2018-03-02 11:08:33 +0100 |
| commit | f6f29efdac828a8d44130868215307daa1ab07c3 (patch) | |
| tree | d51d57fde43fa7c523d460fadf94eb811be864be /app/assets | |
| parent | 01b4dd675c77e87c65a6b888f4967f5df2690914 (diff) | |
| parent | 54fd846e3d8130bd126d684f3834260affc90bfe (diff) | |
| download | chouette-core-f6f29efdac828a8d44130868215307daa1ab07c3.tar.bz2 | |
Merge pull request #336 from af83/enhance-map-with-several-routes
Enhance map with several routes
Diffstat (limited to 'app/assets')
| -rw-r--r-- | app/assets/stylesheets/OpenLayers/custom.sass | 57 |
1 files changed, 36 insertions, 21 deletions
diff --git a/app/assets/stylesheets/OpenLayers/custom.sass b/app/assets/stylesheets/OpenLayers/custom.sass index fa874d924..013c056d6 100644 --- a/app/assets/stylesheets/OpenLayers/custom.sass +++ b/app/assets/stylesheets/OpenLayers/custom.sass @@ -2,15 +2,20 @@ .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 - list-style-type: none - flex: 1 0 25% + width: 30% + background-color: transparentize(white, 0.2) + border-radius: 3px + max-height: 90% + overflow-y: scroll + a + display: block + width: calc(100% - 10px) border: 1px solid $lightgrey padding: 5px margin: 5px @@ -18,11 +23,21 @@ cursor: pointer color: $blue white-space: nowrap - + text-overflow: ellipsis + overflow: hidden + font-size: 0.6em &:hover - background: $orange + text-decoration: none + + &.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 +70,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 |