SamProject/sam-manage
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: [planning-design] 블록 서식(글자색/크기/굵기 등) 자식 요소에 상속 적용

Browse Source 
- 자식 요소(.sb-blk-text, .sb-blk-heading 등)에 하드코딩된 color가 있어 부모 스타일 무시됨
- CSS attribute selector로 부모에 style이 설정된 경우 color/font-size/font-weight/font-style/text-align inherit 적용
This commit is contained in:
김보곤
2026-03-08 01:26:07 +09:00
parent 997ae6f46c
commit 01310cda0f
1 changed files with 34 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
resources/views/rd/planning-design/index.blade.php
View File

@@ -784,6 +784,40 @@
.sb-ctx-color-swatch:hover { transform: scale(1.15); }
.sb-ctx-color-swatch.active { border-color: #4338ca; }
/* Block style inheritance — 부모 .sb-block에 설정된 color/font-size/font-weight 등을 자식에게 전달 */
.sb-block[style*="color"] .sb-blk-text,
.sb-block[style*="color"] .sb-blk-heading,
.sb-block[style*="color"] .sb-blk-callout-text,
.sb-block[style*="color"] .sb-blk-code,
.sb-block[style*="color"] .sb-blk-todo-text,
.sb-block[style*="color"] .sb-blk-mock-card-title,
.sb-block[style*="color"] .sb-blk-mock-card-body,
.sb-block[style*="color"] .sb-blk-mockup-label,
.sb-block[style*="color"] .sb-blk-table th,
.sb-block[style*="color"] .sb-blk-table td,
.sb-block[style*="color"] .sb-blk-mock-btn { color: inherit; }
.sb-block[style*="font-size"] .sb-blk-text,
.sb-block[style*="font-size"] .sb-blk-heading,
.sb-block[style*="font-size"] .sb-blk-callout-text,
.sb-block[style*="font-size"] .sb-blk-todo-text,
.sb-block[style*="font-size"] .sb-blk-mock-card-title,
.sb-block[style*="font-size"] .sb-blk-mock-card-body { font-size: inherit; }
.sb-block[style*="font-weight"] .sb-blk-text,
.sb-block[style*="font-weight"] .sb-blk-heading,
.sb-block[style*="font-weight"] .sb-blk-callout-text,
.sb-block[style*="font-weight"] .sb-blk-todo-text { font-weight: inherit; }
.sb-block[style*="font-style"] .sb-blk-text,
.sb-block[style*="font-style"] .sb-blk-heading,
.sb-block[style*="font-style"] .sb-blk-callout-text,
.sb-block[style*="font-style"] .sb-blk-todo-text { font-style: inherit; }
.sb-block[style*="text-align"] .sb-blk-text,
.sb-block[style*="text-align"] .sb-blk-heading,
.sb-block[style*="text-align"] .sb-blk-callout-text { text-align: inherit; }
/* Block type styles */
.sb-blk-text { padding: 6px 8px; font-size: 13px; line-height: 1.7; min-height: 24px; outline: none; color: #334155; }
.sb-blk-text:empty::before { content: attr(data-placeholder); color: #c8d0da; }