franzz/livetrail
1
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

Clean up popup css

Browse Source
This commit is contained in:
franzz
2026-04-30 12:33:32 +02:00
parent 3567f521f8
commit 560b22c039
2 changed files with 56 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/_page.project.map.scss
+48 -79
View File
@@ -11,7 +11,6 @@ $thumbnail-max-size: 60px;
bottom: 0;
width: 100%;
/* Popup */
.maplibregl-popup {
max-width: 300px;
}
@@ -19,38 +18,39 @@ $thumbnail-max-size: 60px;
.maplibregl-popup-content {
padding: var.$block-spacing;
background-color: color.$default-bg-light;
.header h1 {
font-size: 1.4em;
margin: 0;
font-weight: bold;
text-align: center;
/* Marker Popup */
.info-window {
h1 {
font-size: 1.4em;
margin: 0;
font-weight: bold;
text-align: center;
.message-type {
color: color.$default;
font-weight: normal;
font-size: calc(1em / 1.4);
margin-left: 0.5em;
vertical-align: center;
}
.message-type {
color: color.$default;
font-weight: normal;
font-size: calc(1em / 1.4);
margin-left: 0.5em;
vertical-align: center;
}
}
.separator {
border-top: 1px solid color.$default-bg;
margin: var.$elem-spacing 0;
}
.info {
font-size: 1.0em;
margin: var.$elem-spacing 0 0 0;
a {
color: color.$default;
}
.separator {
border-top: 1px solid color.$default-bg;
margin: var.$elem-spacing 0;
}
.section {
font-size: 1.0em;
margin: var.$elem-spacing 0 0 0;
a {
color: color.$default;
}
}
.medias-list {
line-height: 0;
a.media-link {
img {
width: auto;
@@ -75,68 +75,37 @@ $thumbnail-max-size: 60px;
}
}
}
}
&.message {
.medias {
line-height: 0;
display: flex;
flex-wrap: wrap;
gap: var.$elem-spacing;
align-items: center;
margin-top: var.$elem-spacing;
.message .medias-list {
display: flex;
flex-wrap: wrap;
gap: var.$elem-spacing;
align-items: center;
margin-top: var.$elem-spacing;
a.media-link {
flex: 0 0 auto;
a.media-link {
flex: 0 0 auto;
img {
max-width: $thumbnail-max-size;
max-height: calc($thumbnail-max-size * 2/3);
}
&.drill .drill-icon {
font-size: 1.5em;
}
}
}
}
&.media {
.coordinates {
margin: 0;
img {
max-width: $thumbnail-max-size;
max-height: calc($thumbnail-max-size * 2/3);
}
.medias {
a.media-link img {
width: 100%;
}
&.drill .drill-icon {
font-size: 1.5em;
}
}
}
/* Track Popup */
.track_tooltip {
p {
margin: 0;
&.description {
font-size: 1.15em;
}
.media {
.coordinates {
margin-top: 0;
}
h1, .description {
@include common.no-text-overflow();
}
.body {
padding-left: calc(1.25em * 1.4 + var.$elem-spacing );
.details {
margin-top: var.$block-spacing * -1;
p.detail {
margin-top: var.$block-spacing;
width: 50%;
display: inline-block;
}
.medias-list {
a.media-link img {
width: 100%;
}
}
}