Fix multiselect min width

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2019-04-30 08:58:55 +02:00 committed by Backportbot
parent 03988b114c
commit 0444289908
1 changed files with 10 additions and 5 deletions

View File

@ -1336,6 +1336,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
/* USERS LIST -------------------------------------------------------------- */ /* USERS LIST -------------------------------------------------------------- */
#body-settings { #body-settings {
$grid-row-height: 46px; $grid-row-height: 46px;
$grid-col-min-width: 120px;
#app-content.user-list-grid { #app-content.user-list-grid {
display: grid; display: grid;
grid-auto-columns: 1fr; grid-auto-columns: 1fr;
@ -1351,7 +1352,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
align-items: center; align-items: center;
/* let's define the column until storage path, /* let's define the column until storage path,
what follows will be manually defined */ what follows will be manually defined */
grid-template-columns: 44px minmax(150px, 1fr) repeat(auto-fit, minmax(120px, 1fr)); grid-template-columns: 44px minmax($grid-col-min-width + 30px, 1fr) repeat(auto-fit, minmax($grid-col-min-width, 1fr));
border-bottom: var(--color-border) 1px solid; border-bottom: var(--color-border) 1px solid;
&.disabled { &.disabled {
opacity: .5; opacity: .5;
@ -1362,14 +1363,18 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
.displayName, .displayName,
.password, .password,
.mailAddress, .mailAddress,
.groups,
.subadmins,
.quota,
.languages, .languages,
.storageLocation, .storageLocation,
.userBackend, .userBackend,
.lastLogin { .lastLogin {
min-width: 120px; min-width: $grid-col-min-width;
}
.groups,
.subadmins,
.quota {
.multiselect {
min-width: $grid-col-min-width;
}
} }
.obfuscated { .obfuscated {
width: 400px; width: 400px;