لست متأكدًا مما إذا كان هذا قد تم طرحه من قبل - فإن صندوق الإضاءة الجديد لا يمكنه التعامل مع عناوين الصور الطويلة جدًا. هذا يمنع المستخدم من النقر على الزر الموجود في الزاوية اليمنى العليا
4 إعجابات
مرحباً ![]()
لا يزال مربع الضوء الجديد تجريبيًا ولكني أجريت بعض التعديلات على محاذاة تجربة المستخدم عليه.
يتضمن إصلاحًا لأبعاد صور الكاروسيل والعنوان.
.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);
}
}
}
}
4 إعجابات

