diff options
| author | Farah Rasheed <Farah.Rasheed1@dell.com> | 2024-07-05 18:30:31 +0300 |
|---|---|---|
| committer | Sivaprabu Ganesan <sivaprabug@ami.com> | 2024-07-12 05:42:04 +0300 |
| commit | b8a2e704bdf67a55986302f3d4ada1e707b2bb52 (patch) | |
| tree | 4a111cbc5261c6b3a1d5e11cebbf807806252078 | |
| parent | 8b19ffa2299878a49a8757d811a399c8175acc92 (diff) | |
| download | webui-vue-b8a2e704bdf67a55986302f3d4ada1e707b2bb52.tar.xz | |
Update network hostname display style
Add 'word-break: break-all' CSS property to ensure long
hostnames wrap properly within their container. This
prevents overflow issues that occur with long hostnames
without spaces. Fixes #111
The change improves the readability and layout
consistency of the network information display in the
NetworkGlobalSettings view.
Change-Id: I142d18b9507f6ae0a90778e5a338b015507c9d79
Signed-off-by: Farah Rasheed <Farah.Rasheed1@dell.com>
| -rw-r--r-- | src/views/Settings/Network/NetworkGlobalSettings.vue | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/src/views/Settings/Network/NetworkGlobalSettings.vue b/src/views/Settings/Network/NetworkGlobalSettings.vue index db834047..0c062ea2 100644 --- a/src/views/Settings/Network/NetworkGlobalSettings.vue +++ b/src/views/Settings/Network/NetworkGlobalSettings.vue @@ -12,7 +12,9 @@ <icon-edit :title="$t('pageNetwork.modal.editHostnameTitle')" /> </b-button> </dt> - <dd>{{ dataFormatter(firstInterface.hostname) }}</dd> + <dd style="word-break: break-all"> + {{ dataFormatter(firstInterface.hostname) }} + </dd> </dl> </b-col> <b-col md="2"> |