새로운 라이트박스에서 긴 이미지 제목이 넘치는 문제

[Lhc_fl (Linca)]

이전에 이미 질문이 있었는지 확실하지 않습니다. 새로운 라이트박스가 매우 긴 이미지 제목을 처리하지 못합니다. 이로 인해 사용자가 오른쪽 위 버튼을 클릭할 수 없습니다.

[Don]

안녕하세요

새로운 라이트박스는 아직 실험 단계이지만, UX 정합성 관련 조정을 몇 가지 했습니다.

캐러셀 이미지 치수 및 제목에 대한 수정 사항이 포함되어 있습니다.

.d-lightbox {
   &__carousel-item { 
     object-fit: cover;
   } 
   .d-lightbox__main-title { 
     margin-left: 0.5rem; 
     max-width: 100%; 
   } 
   &.has-expanded-title { 
     .d-lightbox { 
       &__content { 
         gap: 2em 0; 
       } 
       &__main-title { 
         max-height: 100px; 
         overflow-y: auto; 
         overflow-wrap: break-word; 
         word-wrap: break-word; 
         word-break: break-all; 
         word-break: break-word; 
         -webkit-hyphens: auto; 
         hyphens: auto;
       } 
     } 
   } 
   &:not(.has-expanded-title) { 
     .d-lightbox { 
       &__main-title { 
         @include line-clamp(1); 
       } 
     } 
   } 
 }