Confluence Macro 중에서 Jira의 이슈를 불러와서 테이블 형식으로 출력해주는 Jira Issue macro의 테이블 컬럼의 넓이나 폰트 사이즈 등을 커스터마이징 하는 가이드 입니다.
CSS를 적용시킬 수 있는 영역은 두군데 입니다.
- 전역 스타일시트 : 전체 Confluence에 적용 (admin menu > 전역 스타일 시트)
- 공간 스타일시트 : 특정 공간에만 적용 (공간 도구 > 모양새 > 스타일 시트)
일반적으로 Jira issue macro에 css 적용시키는 방법
전역 또는 공간 스타일시트에 아래와 같이 입력
.jira-macro-table-underline-pdfexport:nth-child(1) { //적용 시킬 컬럼(첫번째 컬럼) width: 800px; //컬럼 넓이 overflow: hidden; //넘어가는 글씨 숨김처리 white-space: wrap; //공백과 탭: 보존, 자동 줄바꿈처리 font-size: 14px; //글씨 크기 font-family: Times, "Times New Roman", serif; //글꼴 변경 } .jira-macro-table-underline-pdfexport:nth-child(4) { width: 30%; overflow: hidden; white-space: wrap; font-size: 14px; }
특정 Jira issue macro에만 css 적용시키는 방법
1.Confluence Page를 아래와 같이 구성(Jira issue macro를 html macro로 감싸서 영역을 지정
2.스타일시트에 아래와 같이 Html div id값을 지정해서 입력
#issue-macro-1 .jira-macro-table-underline-pdfexport:nth-child(4) { width: 800px; overflow: hidden; white-space: wrap; }