summaryrefslogtreecommitdiffstats
path: root/settings/css/settings.scss
diff options
context:
space:
mode:
Diffstat (limited to 'settings/css/settings.scss')
-rw-r--r--settings/css/settings.scss34
1 files changed, 13 insertions, 21 deletions
diff --git a/settings/css/settings.scss b/settings/css/settings.scss
index 60c7f368bf1..4bba5afa788 100644
--- a/settings/css/settings.scss
+++ b/settings/css/settings.scss
@@ -1404,8 +1404,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
align-items: center;
/* let's define the column until storage path,
what follows will be manually defined */
- grid-template-columns: 44px;
- grid-auto-columns: min-content;
+ grid-template-columns: 44px minmax(150px, 1fr) repeat(auto-fit, minmax(120px, 1fr)) 44px;
border-top: var(--color-border) 1px solid;
&.disabled {
opacity: .5;
@@ -1414,31 +1413,24 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
/* grid col width */
.name,
.displayName,
- .password {
- width: 150px;
- }
+ .password,
.mailAddress,
.groups,
- .subadmins {
- width: 200px;
- }
- .quota {
- width: 150px;
- }
- .languages {
- width: 200px;
- }
- .storageLocation {
- width: 250px;
- }
+ .subadmins,
+ .quota,
+ .languages,
+ .storageLocation,
.userBackend,
.lastLogin {
- width: 100px;
+ min-width: 120px;
}
.obfuscated {
width: 400px;
opacity: .7;
}
+ .userActions {
+ min-width: 44px;
+ }
/* various */
&#grid-header,
@@ -1465,7 +1457,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
top: $grid-row-height;
}
&#grid-header {
- color: var(--color-background-darker);
+ color: var(--color-text-light);
z-index: 60; /* above new-user */
}
&:hover {
@@ -1478,7 +1470,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
grid-row: 1;
display: inline-flex;
align-items: center;
- color: var(--color-text-lighter);
+ color: var(--color-text);
position: relative;
> input:not(:focus):not(:active) {
border-color: transparent;
@@ -1507,7 +1499,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
&.storageLocation {
/* better multi-line visual */
line-height: 1.3em;
- max-height: 2.6em;
+ max-height: 100%;
overflow : hidden;
/* not supported by all browsers
so we keep the overflow hidden