gui: Sort language names vertically and don't truncate on small screens (#8101)

This commit is contained in:
tomasz1986 2022-01-08 16:51:29 +01:00 committed by GitHub
parent bc3d306dd7
commit fec476cc80
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -166,16 +166,13 @@ table.table-auto td {
display: none; display: none;
} }
*[language-select] > .dropdown-menu { li[language-select] > .dropdown-menu {
column-count: 2;
column-gap: 0;
width: 450px; width: 450px;
} }
*[language-select] > .dropdown-menu > li { li[language-select] > .dropdown-menu > li > a {
float: left;
width: 50%;
}
*[language-select] > .dropdown-menu > li > a {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
@ -351,17 +348,19 @@ ul.three-columns li, ul.two-columns li {
border-radius: 2px; border-radius: 2px;
} }
*[language-select] { li[language-select] {
position: static !important; position: static !important;
} }
*[language-select] > .dropdown-menu { li[language-select] > .dropdown-menu {
column-count: auto;
margin-left: 15px; margin-left: 15px;
margin-right: 15px; margin-right: 15px;
margin-top: -12px !important; margin-top: -12px !important;
max-width: 450px; max-width: 450px;
height: 265px;
overflow-y: scroll; overflow-y: scroll;
/* height of 5.5 elements + negative margin-top */
height: 276px;
} }
table.table-condensed td, table.table-condensed td,