From 991d0c36a59dfa51ce1161993d0258e99699d292 Mon Sep 17 00:00:00 2001 From: Alexey Date: Wed, 11 Dec 2024 21:24:23 +0300 Subject: [PATCH] Update AliasesList responsive styles --- .../frontend/src/app/identity/[identifier]/AliasesList.js | 4 ++-- .../frontend/src/app/identity/[identifier]/AliasesList.scss | 5 +++++ .../src/app/identity/[identifier]/IdentityTotalCard.scss | 6 ++++++ 3 files changed, 13 insertions(+), 2 deletions(-) diff --git a/packages/frontend/src/app/identity/[identifier]/AliasesList.js b/packages/frontend/src/app/identity/[identifier]/AliasesList.js index baa6cad8..2c6250ab 100644 --- a/packages/frontend/src/app/identity/[identifier]/AliasesList.js +++ b/packages/frontend/src/app/identity/[identifier]/AliasesList.js @@ -14,11 +14,11 @@ function AliasesList ({ aliases = [], smallCount = 5 }) { return (
- +
{filteredArray?.map((alias, i) => (
- {alias.alias} + {alias.alias}
))} diff --git a/packages/frontend/src/app/identity/[identifier]/AliasesList.scss b/packages/frontend/src/app/identity/[identifier]/AliasesList.scss index 9570aa42..f8784ca8 100644 --- a/packages/frontend/src/app/identity/[identifier]/AliasesList.scss +++ b/packages/frontend/src/app/identity/[identifier]/AliasesList.scss @@ -14,6 +14,7 @@ align-items: center; gap: 0.5rem; justify-content: flex-end; + max-width: 100%; } &__ShowMoreButton { @@ -25,4 +26,8 @@ transition: .2s; } } + + &__SmoothSize { + max-width: 100%; + } } \ No newline at end of file diff --git a/packages/frontend/src/app/identity/[identifier]/IdentityTotalCard.scss b/packages/frontend/src/app/identity/[identifier]/IdentityTotalCard.scss index b2fd0b20..08049221 100644 --- a/packages/frontend/src/app/identity/[identifier]/IdentityTotalCard.scss +++ b/packages/frontend/src/app/identity/[identifier]/IdentityTotalCard.scss @@ -53,6 +53,12 @@ &__InfoLine { &--Names { align-items: baseline; + flex-wrap: wrap; + + .InfoLine__Value { + margin-left: auto; + max-width: 100%; + } } }