Commit @b82775913b0ca57153f028969156126c2b7af3da

임동욱 08-18

fix: 페이지 머리말 오른쪽 자리를 end 정렬로 못박음

오른쪽 끝에 붙기는 했지만 그건 제목 칸이 `flex: 1`이라 밀려난 결과였을 뿐, 정렬을 선언한
것이 아니었다. 제목 칸이 좁아지거나 빠지면 자리가 흔들린다.

`justify-content: flex-end`와 `margin-inline-start: auto`로 못박고, 안에 든 것이 여러 개라
줄이 넘어가도 오른쪽에 맞도록 자식에도 같은 정렬을 준다.

세로는 시안대로 위 정렬(`align-items: flex-start`)을 유지한다.

Co-Authored-By: Claude Opus 5

@b82775913b0ca57153f028969156126c2b7af3da

21f7659

b827759

@fox/styles/_fox-page-header.scss

--- @fox/styles/_fox-page-header.scss

+++ @fox/styles/_fox-page-header.scss

...	...	@@ -51,10 +51,18 @@
51	51	word-break: break-word;
52	52	}
53	53
54		- // 제목 옆에 서고 줄어들지 않는다.
	54	+ // 제목 옆에 서고 줄어들지 않는다. 오른쪽 끝에 붙는 것을 선언으로 못박는다 — 제목 칸이
	55	+ // 남는 폭을 먹어 밀려나는 것에 기대면, 제목 칸이 없거나 좁아질 때 자리가 흔들린다.
55	56	&__actions {
56	57	display: flex;
57	58	flex-shrink: 0;
58	59	align-items: center;
	60	+ justify-content: flex-end;
	61	+ margin-inline-start: auto;
	62	+ }
	63	+
	64	+ // 여러 개가 들어와 줄이 넘어가도 오른쪽에 맞춘다.
	65	+ &__actions > * {
	66	+ justify-content: flex-end;
59	67	}
60	68	}

Add a comment

Open 0
Closed 0

List

Delete comment