Fix: Long words did not break in some cases

Fix: Long sentences were overflowing
dev: simplified some selectors
This commit is contained in:
lscambo13
2025-11-09 22:01:22 +05:30
parent 87374d3d3e
commit 0243875a8c

View File

@@ -3141,35 +3141,41 @@ div[data-role="controlgroup"] a.ui-btn-active {
flex-direction: row-reverse; flex-direction: row-reverse;
} }
.infoWrapper h1.itemName, .nameContainer > h3,
.infoWrapper h1.parentName { .nameContainer > h1 {
word-break: break-word;
overflow: hidden;
}
.nameContainer > h1.itemName,
.nameContainer > h1.parentName {
font-size: 4em; font-size: 4em;
white-space: pre-wrap; white-space: pre-wrap;
padding-bottom: 0.5ch; padding-bottom: 0.5ch;
color: white; color: white;
} }
.infoWrapper h1.itemName, .nameContainer > h1.itemName,
.infoWrapper h1.parentName, .nameContainer > h1.parentName,
.infoWrapper h1.itemName a, .nameContainer > h1.itemName a,
.infoWrapper h1.parentName a { .nameContainer > h1.parentName a {
font-weight: 200; font-weight: 200;
} }
.infoWrapper h1.itemName bdi, .nameContainer > h1.itemName bdi,
.infoWrapper h1.parentName bdi, .nameContainer > h1.parentName bdi,
.infoWrapper h1.itemName a, .nameContainer > h1.itemName a,
.infoWrapper h1.parentName a { .nameContainer > h1.parentName a {
/* overflow: hidden; */ overflow: hidden;
display: -webkit-box !important; display: -webkit-box !important;
-webkit-line-clamp: 3; -webkit-line-clamp: 3;
line-clamp: 3; line-clamp: 3;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
.layout-mobile .infoWrapper h1.itemName, .layout-mobile .nameContainer > h1.itemName,
.layout-mobile .infoWrapper h1.parentName, .layout-mobile .nameContainer > h1.parentName,
.layout-mobile .infoWrapper h1.parentNameLast { .layout-mobile .nameContainer > h1.parentNameLast {
font-size: 2em; font-size: 2em;
word-wrap: break-word; word-wrap: break-word;
padding-bottom: 0ch; padding-bottom: 0ch;