Fix row height and display name input

Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl 2020-02-25 19:06:21 +01:00
parent bde16441a9
commit 1103e8abec
No known key found for this signature in database
GPG Key ID: 4C614C6ED2CDE6DF
1 changed files with 4 additions and 0 deletions

View File

@ -1418,6 +1418,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
#app-content.user-list-grid { #app-content.user-list-grid {
display: grid; display: grid;
grid-column-gap: 20px; grid-column-gap: 20px;
grid-auto-rows: minmax(60px, max-content);
.row { .row {
// TODO replace with css4 subgrid when available // TODO replace with css4 subgrid when available
@ -1561,10 +1562,12 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
} }
> div, > div,
> .displayName > form,
> form { > form {
grid-row: 1; grid-row: 1;
display: inline-flex; display: inline-flex;
color: var(--color-text-lighter); color: var(--color-text-lighter);
flex-grow: 1;
> input:not(:focus):not(:active) { > input:not(:focus):not(:active) {
border-color: transparent; border-color: transparent;
@ -1591,6 +1594,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
&.mailAddress { &.mailAddress {
> input { > input {
text-overflow: ellipsis; text-overflow: ellipsis;
flex-grow: 1;
} }
} }