Joururi/leim-maps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed lang button alignment

Browse Source
This commit is contained in:
Alexis
2025-03-26 15:50:32 +01:00
parent 15f18a8f95
commit 635c58736c
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/maps/overlay/LangSwitcher.vue
View File

@@ -37,7 +37,7 @@ watch([wrapperHovered, buttonFocused], (value) => {
<template> <template>
<div ref="wrapper" class="wrapper appear-from-top"> <div ref="wrapper" class="wrapper appear-from-top">
<PopoverRoot :open="isMenuOpen" @update:open="() => menuModel = true"> <PopoverRoot :open="!isMenuOpen" @update:open="() => menuModel = true">
<PopoverTrigger as-child> <PopoverTrigger as-child>
<button ref="buttonRef" class="btn-round" :class="{ 'active': isMenuOpen }"> <button ref="buttonRef" class="btn-round" :class="{ 'active': isMenuOpen }">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M247.15,212.42l-56-112a8,8,0,0,0-14.31,0l-21.71,43.43A88,88,0,0,1,108,126.93,103.65,103.65,0,0,0,135.69,64H160a8,8,0,0,0,0-16H104V32a8,8,0,0,0-16,0V48H32a8,8,0,0,0,0,16h87.63A87.76,87.76,0,0,1,96,116.35a87.74,87.74,0,0,1-19-31,8,8,0,1,0-15.08,5.34A103.63,103.63,0,0,0,84,127a87.55,87.55,0,0,1-52,17,8,8,0,0,0,0,16,103.46,103.46,0,0,0,64-22.08,104.18,104.18,0,0,0,51.44,21.31l-26.6,53.19a8,8,0,0,0,14.31,7.16L148.94,192h70.11l13.79,27.58A8,8,0,0,0,240,224a8,8,0,0,0,7.15-11.58ZM156.94,176,184,121.89,211.05,176Z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M247.15,212.42l-56-112a8,8,0,0,0-14.31,0l-21.71,43.43A88,88,0,0,1,108,126.93,103.65,103.65,0,0,0,135.69,64H160a8,8,0,0,0,0-16H104V32a8,8,0,0,0-16,0V48H32a8,8,0,0,0,0,16h87.63A87.76,87.76,0,0,1,96,116.35a87.74,87.74,0,0,1-19-31,8,8,0,1,0-15.08,5.34A103.63,103.63,0,0,0,84,127a87.55,87.55,0,0,1-52,17,8,8,0,0,0,0,16,103.46,103.46,0,0,0,64-22.08,104.18,104.18,0,0,0,51.44,21.31l-26.6,53.19a8,8,0,0,0,14.31,7.16L148.94,192h70.11l13.79,27.58A8,8,0,0,0,240,224a8,8,0,0,0,7.15-11.58ZM156.94,176,184,121.89,211.05,176Z"></path></svg>

16
src/components/maps/overlay/LangSwitcherButton.vue
View File

@@ -42,24 +42,26 @@ a {
color: inherit; color: inherit;
line-height: 1; line-height: 1;
min-width: 14ch; min-width: 14ch;
font-size: .9em;
&:hover, &:hover,
&:focus-visible { &:focus-visible {
background-color: var(--slate-200); background-color: var(--slate-200);
} }
small { &[aria-current="page"] {
font-size: .9em; pointer-events: none;
cursor: default;
}
.flag {
display: grid;
place-items: center;
} }
.valid { .valid {
fill: var(--green-500); fill: var(--green-500);
color: var(--green-500); color: var(--green-500);
} }
&[aria-current="page"] {
pointer-events: none;
cursor: default;
}
} }
</style> </style>