final clean ups

This commit is contained in:
Ethan 2025-07-14 15:52:53 +01:00
parent 024583b925
commit f7749eec9f

View File

@ -163,17 +163,17 @@
} }
@media (min-width: 400px) { @media (min-width: 400px) {
.scalable-languages-container { #languageSelection.scalable-languages-container {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
} }
} }
@media (min-width: 600px) { @media (min-width: 600px) {
.scalable-languages-container { #languageSelection.scalable-languages-container {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
} }
} }
@media (min-width: 900px) { @media (min-width: 900px) {
.scalable-languages-container { #languageSelection.scalable-languages-container {
grid-template-columns: repeat(4, 1fr) !important; grid-template-columns: repeat(4, 1fr) !important;
} }
} }
@ -209,54 +209,6 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
} }
} }
@media (max-width: 600px) {
.scalable-languages-container {
grid-template-columns: repeat(2, 1fr);
}
.scalable-languages-container:not(:has(> :nth-child(2))) {
grid-template-columns: repeat(var(--count), 1fr) !important;
}
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(2n) {
border: 0px
}
}
@media (min-width: 601px) and (max-width: 900px) {
.scalable-languages-container {
grid-template-columns: repeat(3, 1fr);
}
.scalable-languages-container:not(:has(> :nth-child(3))) {
grid-template-columns: repeat(var(--count), 1fr) !important;
}
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(3n) {
border: 0px
}
}
@media (min-width: 901px) {
.scalable-languages-container {
grid-template-columns: repeat(4, 1fr);
}
.scalable-languages-container:not(:has(> :nth-child(4))) {
grid-template-columns: repeat(var(--count), 1fr) !important;
}
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(4n) {
border: 0px
}
}
@media (min-width: 900px) {
#languageSelection.scalable-languages-container {
grid-template-columns: repeat(4, 1fr) !important;
}
}
.dropdown-item .icon-text { .dropdown-item .icon-text {
text-wrap: wrap; text-wrap: wrap;
word-break: break-word; word-break: break-word;
@ -588,10 +540,6 @@ html[dir="rtl"] .dropdown-menu {
box-sizing: border-box; box-sizing: border-box;
} }
#languageSelection {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.navbar-collapse .dropdown-menu-wrapper { .navbar-collapse .dropdown-menu-wrapper {
width: 95vw; width: 95vw;
box-sizing: border-box; box-sizing: border-box;