fix(game-ui): 메인 지도 연도 제한 안내를 복원한다

This commit is contained in:
2026-08-30 12:57:48 +00:00
parent 4e4dff55a1
commit c769d915a6
4 changed files with 98 additions and 20 deletions
@@ -75,6 +75,7 @@ const props = withDefaults(
fitContainer?: boolean;
showCurrentCityMarker?: boolean;
showSelectionBorder?: boolean;
showTitleTooltip?: boolean;
readonly?: boolean;
}>(),
{
@@ -82,6 +83,7 @@ const props = withDefaults(
detailMode: undefined,
selectedCityId: undefined,
showSelectionBorder: true,
showTitleTooltip: false,
}
);
@@ -152,6 +154,7 @@ const mapControls = ref<HTMLElement | null>(null);
const tooltipElement = ref<HTMLElement | null>(null);
const mapOptionsOpen = ref(false);
const mapOptionsMenuId = `map-options-${useId()}`;
const mapTitleTooltipId = `map-title-tooltip-${useId()}`;
const { width: mapBodyWidth } = useElementSize(mapBody);
const { elementX, elementY } = useMouseInElement(mapArea);
@@ -630,9 +633,14 @@ const selectCity = (cityId: number) => {
<template>
<div class="map-viewer">
<div class="map-top" :style="titleBandStyle">
<div class="map-title" tabindex="0" :style="titleTextStyle">
<div
class="map-title"
:tabindex="props.showTitleTooltip ? 0 : undefined"
:aria-describedby="props.showTitleTooltip ? mapTitleTooltipId : undefined"
:style="titleTextStyle"
>
{{ mapSummary }}
<div class="map-title-tooltip" role="tooltip">
<div v-if="props.showTitleTooltip" :id="mapTitleTooltipId" class="map-title-tooltip" role="tooltip">
<div v-for="line in titleTooltipLines" :key="line">{{ line }}</div>
</div>
</div>
+4 -2
View File
@@ -398,6 +398,7 @@ watch(
:map-layout="mapLayout"
:loading="loading"
:show-selection-border="false"
show-title-tooltip
/>
</PanelCard>
</div>
@@ -494,6 +495,7 @@ watch(
:map-layout="mapLayout"
:loading="loading"
:show-selection-border="false"
show-title-tooltip
/>
</PanelCard>
<PanelCard title="명령 목록" aria-label="명령 목록" data-main-target="commands">
@@ -882,7 +884,7 @@ button {
grid-column: 1 / 8;
grid-row: 1;
height: 520px;
overflow: hidden;
overflow: visible;
}
.layout-desktop > [data-main-target='commands'] {
@@ -1052,7 +1054,7 @@ button {
.layout-mobile [data-main-target='map'] {
height: 377px;
overflow: hidden;
overflow: visible;
}
.layout-mobile .record-zone-mobile {