From c1f6b3d5667834b34153b9bf888d8f28dd527d6d Mon Sep 17 00:00:00 2001 From: Alex Karpov Date: Wed, 25 Sep 2024 13:56:44 +0300 Subject: [PATCH 1/2] NAS-131307: Text does not fit in network widget (cherry picked from commit 97f010cb4cb23751bc8595f31867b634a1daefdb) --- .../widget-interface.component.scss | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/src/app/pages/dashboard/widgets/network/widget-interface/widget-interface.component.scss b/src/app/pages/dashboard/widgets/network/widget-interface/widget-interface.component.scss index 5e94b25d25a..71850986863 100644 --- a/src/app/pages/dashboard/widgets/network/widget-interface/widget-interface.component.scss +++ b/src/app/pages/dashboard/widgets/network/widget-interface/widget-interface.component.scss @@ -87,11 +87,14 @@ .info-list-item { display: grid; font-size: 16px; - grid-template-columns: minmax(50px, 25%) minmax(100px, 75%); + grid-template-columns: minmax(50px, 50%) minmax(100px, 50%); span:first-child { font-weight: bold; text-align: right; + white-space: normal; + word-break: break-word; + word-wrap: break-word; } } } @@ -127,8 +130,8 @@ } .nic-info { - flex: 1 1 30%; - max-width: 30%; + flex: 1 1 35%; + max-width: 35%; @media (max-width: $breakpoint-xs) { flex: 1; @@ -139,9 +142,9 @@ .nic-chart { align-items: center; display: flex; - flex: 1 1 70%; + flex: 1 1 65%; justify-content: center; - max-width: 70%; + max-width: 65%; @media (max-width: $breakpoint-xs) { flex: 1; From a0c82486dcdc2910337fd81b5d15760210fccb26 Mon Sep 17 00:00:00 2001 From: Alex Karpov Date: Fri, 27 Sep 2024 10:52:41 +0300 Subject: [PATCH 2/2] NAS-131307: PR Update