新しいライトボックスでの長い画像タイトルのオーバーフローの問題

[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);
       }
     }
   }
 }