ship-gis/src/map/measure/measure.scss

44 lines
1.0 KiB
SCSS
Raw Normal View 히스토리

/* 측정 툴팁 스타일 */
/* MapLibre Marker wrapper(.maplibregl-marker) width 미지정이므로
자식 element에 display: inline-block + width: max-content로 크기 제한 */
.measure-tooltip {
display: inline-block;
width: max-content;
padding: 0.4rem 0.8rem;
border-radius: 0.4rem;
font-size: 1.2rem;
white-space: nowrap;
pointer-events: none;
}
.measure-tooltip-active {
background: rgba(255, 237, 169, 0.85);
color: #333;
font-weight: 600;
border: 0.1rem solid rgba(200, 180, 100, 0.5);
}
.measure-tooltip-static {
background: rgba(255, 237, 169, 0.85);
color: #333;
font-weight: 600;
border: 0.1rem solid rgba(200, 180, 100, 0.5);
}
.measure-tooltip-segment {
background: rgba(255, 255, 255, 0.8);
color: #555;
font-size: 1.1rem;
font-weight: 500;
border: 0.1rem solid rgba(180, 180, 180, 0.6);
}
.measure-tooltip-segment-static {
background: rgba(255, 255, 255, 0.75);
color: #666;
font-size: 1.1rem;
font-weight: 500;
border: 0.1rem solid rgba(180, 180, 180, 0.5);
}