eomsangdonandClaude Opus 5.5
877b89f37c
- 보조 글: span · small 에 붙은 .ui-text = inline(줄 안 끊김) · p · div 는 한 줄 상자 그대로 - 단추: 위아래 여백 = 1em 기준 + 줄 높이 1 · 왼쪽 패널 양식(.ui-panel-form) 옛 규칙(글 12 · 줄 높이 normal)이 단을 덮지 않음 — B07 도면 단추 35 → 32 - 숨김: .ui-btn · .ui-icon-btn [hidden] = display none(공용 기본 꼴이 안 실린 곳에서도) - 파일 놓기 칸: 칸 어디든 누름 · 초점 Enter · Space = 파일 고르기(옛 B03 동작) · 단추 누름은 칸으로 올라가 한 번만 - 표: 격자 꼴(grid · 세로선 · 칸 테두리 · 몸 안 이름 칸 th) · 합친 칸(colSpan · rowSpan · head) · columns 비우면 머리 줄 없음 · 기본 꼴 그대로 - 부품 모음 견본: 글 줄 안 보조 글 · 격자표(수량 산출표 꼴) - 시험: test_552_5_part_fixes 새 · test_552_2_button 높이 식 기대 고침(1em · 줄 높이 1) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
38 lines
883 B
CSS
38 lines
883 B
CSS
/* 부품 「보조 글 · 안내 줄」(552-2) — 색 = 공통 값 · 글 크기 = --text-* */
|
|
.ui-text {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
margin: 0;
|
|
font-size: var(--text-caption);
|
|
line-height: 1.4;
|
|
color: var(--color-text-secondary);
|
|
}
|
|
.ui-text[data-text="14"] {
|
|
font-size: var(--text-body-sm);
|
|
}
|
|
.ui-text--hint {
|
|
color: var(--color-text-secondary);
|
|
}
|
|
.ui-text--error {
|
|
color: var(--color-danger);
|
|
}
|
|
.ui-text--warning {
|
|
color: var(--color-warning);
|
|
}
|
|
.ui-text--success {
|
|
color: var(--color-success);
|
|
}
|
|
.ui-text__mark {
|
|
flex: none;
|
|
font-weight: var(--font-weight-bold);
|
|
}
|
|
/* 글 줄 안(span · small) = 줄을 끊지 않는 inline 꼴 · 기호 · 아이콘 사이 = 오른쪽 여백 */
|
|
:is(span, small).ui-text {
|
|
display: inline;
|
|
}
|
|
:is(span, small).ui-text > :is(.ui-text__mark, svg) {
|
|
margin-right: 4px;
|
|
vertical-align: middle;
|
|
}
|