Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Styling for OSM Maps

Browse Source
This commit is contained in:
reverend 2020-09-29 20:21:02 +02:00
parent b7a9be0c59
commit a6e392ce51
6 changed files with 57 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/03_Organisms/_organisms.scss
View File

@ -5,3 +5,4 @@
@import 'footer/footer';
@import 'form/form';
@import 'imageGrid/imageGrid';
@import 'osmMap/osmMap';

1
components/03_Organisms/imageGrid/_imageGrid.scss
View File

@ -52,6 +52,7 @@
top: #{($-spacing-large - $-spacing-small) / 3.2};
}
}
&__Item>.LP-Link:hover + &__DeleteItem, &__DeleteItem:hover {
visibility: visible;
}

31
components/03_Organisms/osmMap/_osmMap.scss Normal file
View File

@ -0,0 +1,31 @@
.LP-Map{
.ol-attribution{
font-family: $-primary-sans-serif-font;
color: $-grey;
a{
color: $-light-brown;
&:hover, &:focus {
color: $-beige;
}
}
}
.ol-zoom{
&-in, &-out{
background-color: $-light-brown;
&:hover, &:focus{
background-color: $-grey;
}
}
}
.LP-Map__Popup{
font-family: $-primary-sans-serif-font;
color: $-grey;
background-color: $-almost-white;
padding: .5em;
border-radius: 2px;
}
}

3
components/03_Organisms/osmMap/osmMap.config.json Normal file
View File

@ -0,0 +1,3 @@
{
}

0
components/03_Organisms/osmMap/osmMap.hbs Normal file
View File

20
public/main.css
View File

@ -1641,6 +1641,26 @@ body {
.LP-ImageGrid__Item > .LP-Link:hover + .LP-ImageGrid__DeleteItem, .LP-ImageGrid__DeleteItem:hover {
visibility: visible; }
.LP-Map .ol-attribution {
font-family: "Montserrat", Helvetica, sans-serif;
color: #565656; }
.LP-Map .ol-attribution a {
color: #C09F80; }
.LP-Map .ol-attribution a:hover, .LP-Map .ol-attribution a:focus {
color: #D7CEC7; }
.LP-Map .ol-zoom-in, .LP-Map .ol-zoom-out {
background-color: #C09F80; }
.LP-Map .ol-zoom-in:hover, .LP-Map .ol-zoom-in:focus, .LP-Map .ol-zoom-out:hover, .LP-Map .ol-zoom-out:focus {
background-color: #565656; }
.LP-Map .LP-Map__Popup {
font-family: "Montserrat", Helvetica, sans-serif;
color: #565656;
background-color: #f9f9f9;
padding: .5em;
border-radius: 2px; }
.LP-MainContainer {
margin: 0 auto;
max-width: 1280px; }