diff options
author | Greta Doci <gretadoci@gmail.com> | 2019-09-23 14:00:04 +0300 |
---|---|---|
committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-12-12 14:25:13 +0300 |
commit | c864bc832172dfc3696c4873fd7021bf5f981836 (patch) | |
tree | 206391723972dd28b14e080361dd438338c34ac5 /apps/settings/css/settings.scss | |
parent | c6e51924c8615166c2533f83ecc6399d9cc56cbd (diff) |
Move users management to multi line
Signed-off-by: Greta Doci <gretadoci@gmail.com>
Diffstat (limited to 'apps/settings/css/settings.scss')
-rw-r--r-- | apps/settings/css/settings.scss | 48 |
1 files changed, 33 insertions, 15 deletions
diff --git a/apps/settings/css/settings.scss b/apps/settings/css/settings.scss index 80c431008fc..47a035016ad 100644 --- a/apps/settings/css/settings.scss +++ b/apps/settings/css/settings.scss @@ -524,7 +524,6 @@ td, th { visibility: hidden; } &.password, - &.displayName, &.mailAddress { min-width: 5em; max-width: 12em; @@ -705,6 +704,7 @@ span.version { #searchresults { display: none; } + } #apps-list.store { .section { @@ -1351,8 +1351,8 @@ doesnotexist:-o-prefocus, .strengthify-wrapper { /* USERS LIST -------------------------------------------------------------- */ #body-settings { - $grid-row-height: 46px; - $grid-col-min-width: 120px; + $grid-row-height: 60px; + $grid-col-min-width: 150px; #app-content.user-list-grid { display: grid; grid-auto-columns: 1fr; @@ -1376,7 +1376,6 @@ doesnotexist:-o-prefocus, .strengthify-wrapper { /* grid col width */ .name, - .displayName, .password, .mailAddress, .languages, @@ -1384,12 +1383,17 @@ doesnotexist:-o-prefocus, .strengthify-wrapper { .userBackend, .lastLogin { min-width: $grid-col-min-width; + display: flex; + color: var(--color-text-dark); + vertical-align: baseline; } .groups, .subadmins, .quota { .multiselect { min-width: $grid-col-min-width; + color: var(--color-text-dark); + vertical-align: baseline; } } .obfuscated { @@ -1399,6 +1403,10 @@ doesnotexist:-o-prefocus, .strengthify-wrapper { .userActions { min-width: 44px; } + .subtitle { + color: var(--color-text-maxcontrast); + vertical-align: baseline; + } /* various */ &#grid-header, @@ -1427,16 +1435,23 @@ doesnotexist:-o-prefocus, .strengthify-wrapper { &#grid-header { color: var(--color-text-maxcontrast); z-index: 60; /* above new-user */ + border-bottom-width: thin; #headerDisplayName, #headerPassword, #headerAddress, #headerGroups, #headerSubAdmins, + #theHeaderUserBackend, + #theHeaderLastLogin, #headerQuota, + #theHeaderStorageLocation, #headerLanguages { /* Line up header text with column content for when there’s inputs */ padding-left: 7px; + text-transform: none; + color: var(--color-text-maxcontrast); + vertical-align: baseline; } } &:hover { @@ -1451,8 +1466,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper { > form { grid-row: 1; display: inline-flex; - align-items: center; - color: var(--color-text); + color: var(--color-text-lighter); position: relative; > input:not(:focus):not(:active) { border-color: transparent; @@ -1478,7 +1492,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper { } } &.name, - &.storageLocation { + &.userBackend { /* better multi-line visual */ line-height: 1.3em; max-height: 100%; @@ -1492,16 +1506,14 @@ doesnotexist:-o-prefocus, .strengthify-wrapper { -webkit-box-orient: vertical; } &.quota { - .multiselect--active + progress { - display: none; - } + height: 44px; + display: flex; + align-items: center; + justify-content: center; progress { - position: absolute; - width: calc(100% - 4px); /* minus left and right */ - left: 2px; - bottom: 2px; + width: 100%; + margin: 0 10px; height: 3px; - z-index: 5; /* above multiselect */ } } .icon-confirm { @@ -1520,16 +1532,22 @@ doesnotexist:-o-prefocus, .strengthify-wrapper { } } &.userActions { + .action-item { + position: absolute; + } #newsubmit { width: 100%; } .toggleUserActions { position: relative; + display: block; + align-items: center; .icon-more { width: 44px; height: 44px; opacity: .5; cursor: pointer; + margin-left: 40px; &:hover { opacity: .7; } |