fixes display issues

This commit is contained in:
Christian Beutel
2024-07-01 17:16:13 +02:00
parent 3ab0882b81
commit c8e7b76d00
10 changed files with 41 additions and 16 deletions

View File

@@ -1,3 +1,17 @@
# v0.7.3
## Features
- Adds support for FIT files
## Bug fixes
- Fixes display issue for the filter panel in the map view
## Translations
- adds Italian translation (thanks to [lukasitaly](https://github.com/lukasitaly))
## Bug fixes
- Icons in dropdown menus are now displaying properly again
- The trail id is now returned when using the upload API endpoint
# v0.7.2
## Bug fixes
- Icons in dropdown menus are now displaying properly again

View File

@@ -3,6 +3,17 @@ title: Changelog
description: What changed in the last patch?
---
## v0.7.3
### Features
- Adds support for FIT files
### Bug fixes
- Fixes display issue for the filter panel in the map view
### Translations
- adds Italian translation (thanks to [lukasitaly](https://github.com/lukasitaly))
## v0.7.2
### Bug fixes
- Icons in dropdown menus are now displaying properly again

View File

@@ -61,7 +61,7 @@
</h5>
{/if}
<h5>
<i class="fa fa-person-hiking mr-3"></i>{$_(
<i class="fa fa-gauge mr-3"></i>{$_(
trail.difficulty ?? "?",
)}
</h5>

View File

@@ -122,7 +122,7 @@
}
</script>
<div class="trail-filter sticky top-4 p-8 border border-input-border rounded-xl self-start">
<div class="trail-filter p-8 border border-input-border rounded-xl">
{#if showTrailSearch}
<div class="flex gap-2 items-center">
<div class="basis-full">

View File

@@ -161,7 +161,7 @@
</script>
<div
class="trail-info-panel max-w-5xl mx-auto border border-input-border rounded-3xl h-full"
class="trail-info-panel mx-auto border border-input-border rounded-3xl h-full" style="max-width: min(100%, 64rem)"
>
<div class="trail-info-panel-header">
<section class="relative h-80">
@@ -214,7 +214,7 @@
</h3>
{/if}
<h3 class="text-lg">
<i class="fa fa-person-hiking mr-2"></i>
<i class="fa fa-gauge mr-2"></i>
{$_(trail.difficulty ?? "?")}
</h3>
</div>
@@ -271,7 +271,7 @@
>
<Tabs {tabs} bind:activeTab></Tabs>
</section>
<section class="trail-info-panel-content px-8 overflow-y-scroll" style="height: calc(100% - 420px)">
<section class="trail-info-panel-content px-8">
<div
class="grid grid-cols-1 my-4 gap-8"
class:md:grid-cols-[1fr_18rem]={mode == "overview"}

View File

@@ -51,7 +51,7 @@
<h5><i class="fa fa-location-dot mr-3"></i>{trail.location}</h5>
{/if}
<h5>
<i class="fa fa-person-hiking mr-3"></i>{$_(
<i class="fa fa-gauge mr-3"></i>{$_(
trail.difficulty ?? "?",
)}
</h5>

View File

@@ -103,7 +103,7 @@
<h4 class="font-semibold text-lg">${trail.name}</h4>
<div class="flex gap-x-4">
${trail.location ? `<h5><i class="fa fa-location-dot mr-2"></i>${trail.location}</h5>` : ""}
<h5><i class="fa fa-person-hiking mr-2"></i>${$_(trail.difficulty as string)}</h5>
<h5><i class="fa fa-gauge mr-2"></i>${$_(trail.difficulty as string)}</h5>
</div>
<div class="flex mt-2 gap-4 text-sm text-gray-500"><span class="shrink-0"><i
class="fa fa-left-right mr-2"></i>${formatDistance(

View File

@@ -268,7 +268,7 @@
<h4 class="font-semibold text-lg">${trail.name}</h4>
<div class="flex gap-x-4">
${trail.location ? `<h5><i class="fa fa-location-dot mr-2"></i>${trail.location}</h5>` : ""}
<h5><i class="fa fa-person-hiking mr-2"></i>${$_(trail.difficulty as string)}</h5>
<h5><i class="fa fa-gauge mr-2"></i>${$_(trail.difficulty as string)}</h5>
</div>
<div class="flex mt-2 gap-4 text-sm text-gray-500"><span class="shrink-0"><i
class="fa fa-left-right mr-2"></i>${formatDistance(
@@ -353,7 +353,7 @@
{/if}
</div>
{#if !showMap || (browser && window.innerWidth >= 768)}
{#if !showFilter && (!showMap || (browser && window.innerWidth >= 768))}
{#if $trails.length == 0}
<EmptyStateSearch></EmptyStateSearch>
{/if}

View File

@@ -16,16 +16,16 @@
<title>{$trail.name} | {$_("map")} | wanderer</title>
</svelte:head>
<main class="grid grid-cols-1 md:grid-cols-[458px_1fr] gap-x-1 gap-y-4">
<div id="trail-details">
<TrailInfoPanel trail={$trail} {markers}></TrailInfoPanel>
</div>
<div id="trail-details" class=" sticky top-0">
<MapWithElevation trail={$trail} bind:markers></MapWithElevation>
</div>
</main>
<style>
@media only screen and (min-width: 768px) {
#trail-details {
height: calc(100vh - 124px);
max-height: calc(100vh - 124px);
}
}
</style>