여둘까 Office Layout 24

여둘까 Office Layout 바로가기 ↗

오늘 한 일

• 속성 패널을 접을 때 팔레트 폭이 같이 줄던 것을 고쳤다. 이제 왼쪽은 그대로고 도면만 넓어진다
• 접기 전후의 팔레트·도면 폭을 재는 검사를 회귀 검사에 넣었다

---

막힌 부분

오른쪽을 접었는데 왼쪽이 좁아졌다

배포본에서 속성 패널을 접어 보니 왼쪽 팔레트까지 같이 좁아졌다. 접기는 6월에 만든 기능이라 이번 정리에서 생긴 일이 아니었다.

접기 규칙이 세 칸 폭을 한 줄에 다시 적는 방식이라, 만들 당시의 팔레트 폭이 그 줄에 통째로 박혀 있었다. 그 뒤 왼쪽 아래에 250px짜리 광고를 넣으면서 팔레트를 넓혔는데, 넓힌 값은 펼친 상태 규칙에만 들어가고 접기 규칙은 옛 값을 그대로 들고 있었다. 그래서 접을 때마다 왼쪽이 옛 폭으로 되돌아가 광고가 잘렸다.

/* 접기 규칙이 1열 폭까지 다시 적는다 — 이 값이 펼친 상태와 어긋나면 접을 때마다 왼쪽이 튄다 */
#app.props-collapsed { grid-template-columns: 270px 1fr 34px; }

• 해결: 접기 규칙의 1열 폭을 펼친 상태와 같은 값으로 맞췄다
• 남은 규칙: 세 칸 중 하나만 바꾸는 규칙이 나머지 칸 값까지 다시 적게 되어 있으면, 원래 값이 바뀔 때 같이 바뀌지 않는다. 바꾸는 칸만 적는 편이 안전하다

---

다음에 할 일

• 실제 폰·태블릿에서 터치 조작을 확인한다. 손가락 하나로 끌기, 둘로 확대·축소, 서랍 여닫기까지
• 폰에서 편집을 되살리자는 얘기가 나오면 터치 배치 방식부터 정한다. 지금 팔레트는 끌어다 놓기라 터치에서 먹지 않는다
• 로그스톤 샵 제품 목록에 여둘까가 아직 없다. 등록되면 변경 이력 공지 절차가 따라붙는다

---

Series: 여둘까 Office Layout

---

Suggested Posts