fix(game-ui): 메인 지도 연도 제한 안내를 복원한다
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user