- 제목줄(Aislo CAD · 부제 · 「현재 도면」 램프) 지움 · --cad-title-height 0 · 💾 · JSON 내보내기 = DOM 두고 숨김(QUICK_ACCESS_HIDDEN) - 빠른 실행 = 리본 탭 줄 빈 자리 뒤 · 접기 단추 앞(줄 높이 26 그대로 · M02 hostSave 면 안 그림) - 빈 자리([출력] 오른쪽 ~ ↶ 왼쪽) → .cad-host 에 --cad-tab-slot-left/right(iframe 끝 기준 px) — 부모 탭 줄 겹침 자리 - ☰ 비키기 패딩 = 리본 탭 줄로 · 손가락 단추 = (hover: none) and (pointer: coarse) 만 - 하단 도면 이름 · ‹ › · 확정 칸(QuantityPanel) · 이동 요청 지움 - 시험 test_cad_touch(미디어 조건) · test_cad_host_tabs(머리줄 · 빈 자리 변수) 고쳐 씀 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
20 lines
908 B
TypeScript
20 lines
908 B
TypeScript
/**
|
|
* 앱 ☰ 자리 비키기(기기대응 7-2) — 앱(B07)이 왼쪽 위에 띄운 ☰ 가 이 틀(iframe) 맨 위 줄에 걸치면
|
|
* 걸친 폭 + 틈 8 을 `--host-burger-pad` 로 적음(리본 탭 줄 `.cad-ribbon-tabs` 가 그만큼 왼쪽을 비움).
|
|
* 좌측 패널을 여닫으면 틀 폭이 바뀌어 resize 로 다시 잼 · 홀로 띄운 CAD(틀 없음)는 0.
|
|
*/
|
|
import './host-burger.css';
|
|
|
|
export function registerHostBurgerPad(): void {
|
|
const frame = window.frameElement;
|
|
if (!frame) return;
|
|
const update = (): void => {
|
|
const b = frame.ownerDocument.querySelector('.app-burger')?.getBoundingClientRect();
|
|
const f = frame.getBoundingClientRect();
|
|
const pad = b?.width && b.bottom > f.top ? Math.max(0, Math.ceil(b.right + 8 - f.left)) : 0;
|
|
document.documentElement.style.setProperty('--host-burger-pad', `${pad}px`);
|
|
};
|
|
update();
|
|
window.addEventListener('resize', update);
|
|
}
|