Wide screen languages drop down shrinks in x and y direction

Vertical bar removed when less than columns
This commit is contained in:
Connor Yoh 2025-04-10 16:05:45 +01:00
parent 3b7f5d380b
commit 473498ff8b

View File

@ -89,6 +89,10 @@
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); /* Auto-fill columns, with a minimum width of 180px */ grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); /* Auto-fill columns, with a minimum width of 180px */
} }
.scalable-languages-container:not(:has(> :nth-child(4))) .lang-dropdown-item-wrapper:last-child {
border: 0px !important
}
html[dir="ltr"] .lang-dropdown-item-wrapper { html[dir="ltr"] .lang-dropdown-item-wrapper {
border-right: 2px solid var(--md-nav-color-on-seperator); border-right: 2px solid var(--md-nav-color-on-seperator);
} }
@ -99,8 +103,8 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
/* Responsive adjustments */ /* Responsive adjustments */
@media (min-width: 1200px){ @media (min-width: 1200px){
.lang_dropdown-mw{ .lang-dropdown-item-wrapper .dropdown-item {
min-width: 800px min-width: 200px
} }
} }
@ -120,8 +124,9 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
} }
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(3n) { .scalable-languages-container .lang-dropdown-item-wrapper:nth-child(3n) {
border: 0px border: 0px
}
} }
}
@media (min-width: 901px) { @media (min-width: 901px) {
.scalable-languages-container { .scalable-languages-container {
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);