مشكلة فيض عناوين الصور الطويلة في اللايت بوكس الجديد

[Lhc_fl (Linca)]

لست متأكدًا مما إذا كان هذا قد تم طرحه من قبل - فإن صندوق الإضاءة الجديد لا يمكنه التعامل مع عناوين الصور الطويلة جدًا. هذا يمنع المستخدم من النقر على الزر الموجود في الزاوية اليمنى العليا

[Don]

مرحباً
لا يزال مربع الضوء الجديد تجريبيًا ولكني أجريت بعض التعديلات على محاذاة تجربة المستخدم عليه.
يتضمن إصلاحًا لأبعاد صور الكاروسيل والعنوان.

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