mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-04 22:16:08 +00:00
445fae4d09
We started to move to Open Street Maps (OSM) and one simple change was
to show OSM tiles on top of the current Google Maps functionality. This
hybrid use violates Google's terms and conditions though and I'm
reverting it here (basically reverting daa5b00a2).
Another branch of work was already started to use OSM without Google
functionality and it's available behind a feature toggle. We can
continue that work in our own time without a license violation. This
change is only changing the tiles, the look of the map and doesn't touch
any functionality which was always provided by Google Maps.
67 lines
1.2 KiB
SCSS
67 lines
1.2 KiB
SCSS
// Place all the styles related to the map controller here.
|
|
// They will automatically be included in application.css.
|
|
// You can use Sass (SCSS) here: http://sass-lang.com/
|
|
@import "mixins";
|
|
@import "big-input";
|
|
|
|
.map-container {
|
|
width: 100%;
|
|
position: relative;
|
|
|
|
map, .angular-google-map-container, google-map, .angular-google-map {
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
// https://github.com/zurb/foundation/issues/112
|
|
img {
|
|
max-width: none;
|
|
height: auto;
|
|
}
|
|
|
|
#pac-input {
|
|
@include big-input(#888, #333, $clr-brick);
|
|
|
|
@include big-input-static;
|
|
|
|
font-size: 1.5rem;
|
|
background: rgba(255, 255, 255, 0.85);
|
|
width: 50%;
|
|
margin-top: 1.2rem;
|
|
margin-left: 1rem;
|
|
|
|
@include breakpoint(tablet) {
|
|
width: 80%;
|
|
}
|
|
|
|
&:active, &:focus, &.active {
|
|
background: rgba(255, 255, 255, 1);
|
|
}
|
|
}
|
|
|
|
#open-street-map {
|
|
z-index: 1;
|
|
}
|
|
|
|
#open-street-map--search {
|
|
top: 16px;
|
|
left: 54px;
|
|
width: 50%;
|
|
z-index: 1000;
|
|
|
|
.autocomplete-input,
|
|
.autocomplete-result-list {
|
|
border: 2px solid $grey-500;
|
|
|
|
&:hover, &:active, &:focus {
|
|
border-color: $clr-brick;
|
|
}
|
|
}
|
|
|
|
.autocomplete-result-list {
|
|
border-top: 1px dotted $grey-500;
|
|
}
|
|
}
|
|
}
|