이미지 제목 항상 표시

제품 지원
1

이미지의 .meta를 정리하여 더 깔끔하게 만들고 항상 표시되도록 하려 합니다. 제목이 항상 표시되도록 하는 것만 제외하고는 모두 성공했습니다.

아직까지는 이미지 위에 마우스를 올려야만 작동하는 상태입니다:
image

다음과 같은 CSS를 사용했습니다:

.meta .informations {
    display: none;
}

.meta {
    background: rgba(0, 0, 0, 0);
    color: white;
    justify-content: center;
    position: relative;
}

.discourse-no-touch a.lightbox:hover {
    box-shadow: none;
}

.meta .d-icon {
    display: none;
}

.meta .filename {
    white-space: normal;
}

수정: 긴 제목이 줄바꿈되는 문제를 해결했고, 다른 분들도 이 작업을 하고 싶으시다면 참고하실 수 있도록 코드를 업데이트했습니다.