diff --git a/public/icon/question-mark.svg b/public/icon/question-mark.svg new file mode 100644 index 00000000..43f19bf0 --- /dev/null +++ b/public/icon/question-mark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/maps/overlay/SearchMapSwitch.vue b/src/components/maps/overlay/SearchMapSwitch.vue index dd11fdc9..e040f9eb 100644 --- a/src/components/maps/overlay/SearchMapSwitch.vue +++ b/src/components/maps/overlay/SearchMapSwitch.vue @@ -130,6 +130,12 @@ const menus: Menu[] = [ + + @@ -151,6 +157,30 @@ const menus: Menu[] = [ margin-left: .25rem; } +.legal { + margin-top: 1em; + display: flex; + align-items: center; + width: fit-content; + font-size: .8em; + text-underline-offset: 2px; + text-decoration: underline; + gap: .5ch; + + &:hover, + &:focus-visible { + text-decoration: none; + color: var(--green-500); + } + + &::before { + content: url('/icon/question-mark.svg'); + display: inline-block; + width: 1em; + height: 1em; + } +} + .map-menu { margin-top: .25rem; margin-bottom: .5rem; diff --git a/src/i18n/ui.ts b/src/i18n/ui.ts index b7b2010c..ac47e676 100644 --- a/src/i18n/ui.ts +++ b/src/i18n/ui.ts @@ -35,7 +35,8 @@ export const translations: LanguageDict = { 'maps.markers.new': 'Nouveau marqueur', 'maps.markers.addPersonal': 'Ajouter un marqueur personnel', 'maps.markers.newNotice': "Le marqueur sera sauvegardé mais n'apparaîtra que sur votre carte !", - 'toast.copyCoords.description': 'Les coordonnées ont été copiées dans le presse-papiers !' + 'toast.copyCoords.description': 'Les coordonnées ont été copiées dans le presse-papiers !', + 'legal.cta': 'Mentions légales', }, 'en': { 'lang.fr': 'Français', @@ -67,6 +68,7 @@ export const translations: LanguageDict = { 'maps.markers.new': 'New marker', 'maps.markers.addPersonal': 'Add a personal marker', 'maps.markers.newNotice': "The marker will be saved but will only appear on your map!", - 'toast.copyCoords.description': 'Coordinates have been copied to your clipboard !' + 'toast.copyCoords.description': 'Coordinates have been copied to your clipboard !', + 'legal.cta': 'Legal notice', } } as const;