self-hosted/pigallery2
1
0
Fork 0
mirror of https://github.com/bpatrik/pigallery2.git synced 2025-02-01 13:17:55 +02:00
Code Issues Releases Activity

Fixing: Making small map right side rounded and removing transparency on map marker #587

Browse Source
This commit is contained in:
Patrik J. Braun 2023-03-21 19:55:19 +01:00
parent ce6b81c229
commit 50449e6b9c
3 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/frontend/app/ui/gallery/gallery.component.css
View File

@ -49,6 +49,10 @@ app-gallery-map {
position: absolute;
right: 4px
}
.blog-wrapper + app-gallery-map {
border-top-right-radius: var(--bs-border-radius);
border-bottom-right-radius: var(--bs-border-radius);
}
.directories {
margin-right: 2px;

2
src/frontend/app/ui/gallery/map/lightbox/lightbox.map.gallery.component.css
View File

@ -89,7 +89,7 @@
position: absolute;
border: 3px solid;
transform: rotate(-45deg);
background-color: rgba(248, 249, 250, 0.9);
background-color: rgb(248, 249, 250);
}
::ng-deep .marker-svg-shadow {

7
src/frontend/app/ui/gallery/map/map.gallery.component.html
View File

@ -1,7 +1,10 @@
<app-gallery-map-lightbox [photos]="photos" [gpxFiles]="gpxFiles"></app-gallery-map-lightbox>
<div class="clickable" id="map" #map>
<div class="clickable"
style="border-radius: inherit"
id="map" #map>
<div
class="leaflet-map rounded-end-2"
class="leaflet-map"
style="border-radius: inherit"
leaflet
[leafletOptions]="options"
[leafletLayers]="markerLayer"