친효스킨 1.16 버전 새로운 글쓰기 에디터 파일 첨부 시 텍스트가 본문을 초과하는 문제

안녕하세요, 친절한효자손 입니다. 오늘 확인해보니 친효스킨 1.16 버전에서 새로운 글쓰기 에디터를 사용하시는 분들에게 해당되는 문제 입니다. 첨부파일을 올리면 파일명이 짧은건 상관 없는데 긴 경우, 본문의 가로 사이즈를 초과해 버리는 문제가 발생합니다. 해당 오류는 아주 간단하게 해결 할 수 있습니다. 친효스킨의 CSS에서 아래의 부분을 검색합니다.

 

.tt_article_useless_p_margin > figure.fileblock a div.desc div.filename span.name {
    display: inline-block !important;
    max-width: 100% !important;
    height: 100% !important;
    padding: 5px 20px 7px !important;
    font-size: 20px !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    text-align: center !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow: visible !important;
}

여기에서 수정할 부분은 두 곳 입니다. 위의 CSS 코드는 현재 수정이 완료된 상태의 모습 입니다. 기존 1.16 버전과 차이점을 찾아서 위처럼 똑같이 만들어주시면 됩니다. 수정해야 할 부분은 아래의 두 곳 입니다.

 

white-space: normal !important; /* 수정된 매소드 */

text-align: center !important; /* 추가된 매소드 */

이렇게 수정해 주시면 됩니다. 그러면 티스토리 신형 글쓰기 에디터에서 긴 파일명을 가진 첨부파일을 올렸을 때, 본문의 가로 사이즈를 초과하는 일은 사라지게 됩니다. 참고로 추가된 매소드는 꼭 입력하지 않아도 상관 없습니다. 단지 파일명이 중앙정렬이 되도록 만들어주는 기능일 뿐 입니다. 끝.

 

 

이 글도 읽어보세요

친효애드온 : 본문 중간 수동 링크 (마크2) 모듈

친효컬럼 : 티스토리에서 사이트맵 설정은 효과가 있을까?

 

"친절한효자손 취미생활" 을 검색!