diff options
Diffstat (limited to 'apps/settings/src/components/Users/shared/styles.scss')
| -rw-r--r-- | apps/settings/src/components/Users/shared/styles.scss | 17 |
1 files changed, 15 insertions, 2 deletions
diff --git a/apps/settings/src/components/Users/shared/styles.scss b/apps/settings/src/components/Users/shared/styles.scss index 12525347738..402a6a99fc2 100644 --- a/apps/settings/src/components/Users/shared/styles.scss +++ b/apps/settings/src/components/Users/shared/styles.scss @@ -21,8 +21,10 @@ */ @mixin row { - position: absolute; + position: relative; display: flex; + min-width: 100%; + width: fit-content; height: var(--row-height); background-color: var(--color-main-background); } @@ -33,6 +35,7 @@ flex-direction: column; justify-content: center; padding: 0 var(--cell-padding); + min-width: var(--cell-width); width: var(--cell-width); color: var(--color-main-text); @@ -64,6 +67,7 @@ } &--avatar { + min-width: var(--avatar-cell-width); width: var(--avatar-cell-width); align-items: center; padding: 0; @@ -84,13 +88,21 @@ } &--large { - width: 300px; + min-width: var(--cell-width-large); + width: var(--cell-width-large); } &--obfuscated { + min-width: 400px; width: 400px; } + // Fill remaining row space with cell + &--fill { + min-width: var(--cell-width-large); + width: 100%; + } + &--actions { position: sticky; right: 0; @@ -98,6 +110,7 @@ display: flex; flex-direction: row; align-items: center; + min-width: 110px; width: 110px; background-color: var(--color-main-background); border-left: 1px solid var(--color-border); |