fix(B07): 리본 패널 슬라이드아웃이 잘려 캔버스에 가리던 것을 띄운다

패널 줄이 가로 스크롤 상자(overflow-x: auto)라, CSS 규칙상 세로도 auto로 계산되어
슬라이드아웃 메뉴가 리본 높이에서 잘렸다. 캔버스에 가려 보이는 증상이 이것이다.

메뉴를 화면 좌표(position: fixed)로 띄우고 라벨 버튼의 위치에서 자리를 잡는다.
오른쪽·아래로 넘치지 않게 좌표를 물리고 높이를 72vh로 제한했다.
캔버스 위에 뜨게 됐으므로 바깥을 누르면 닫히고, 다른 패널을 열면 먼저 열린 것이 닫힌다.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-08-30 15:31:46 +09:00
co-authored by Claude Opus 5
parent ea5ce92725
commit 3a86e02747
2 changed files with 48 additions and 12 deletions
+5 -4
View File
@@ -211,14 +211,15 @@ body > canvas[data-id="canvas"] {
color: var(--cad-accent);
}
.cad-ribbon-overflow {
position: absolute;
z-index: 10;
top: 100%;
left: 4px;
/* 리본 패널 줄이 가로 스크롤 상자라 그 안에서는 잘린다 — 화면 좌표로 띄운다 */
position: fixed;
z-index: 20;
display: flex;
flex-direction: column;
min-width: 170px;
max-height: 72vh;
padding: 4px;
overflow-y: auto;
background: var(--cad-chrome-raised);
border: 1px solid var(--cad-line);
border-radius: 4px;