diff --git a/packages/manager/apps/container/src/container/legacy/server-sidebar/SidebarItemRenderer.tsx b/packages/manager/apps/container/src/container/legacy/server-sidebar/SidebarItemRenderer.tsx index 0c2f85ec1e19..a9d4d2644ad1 100644 --- a/packages/manager/apps/container/src/container/legacy/server-sidebar/SidebarItemRenderer.tsx +++ b/packages/manager/apps/container/src/container/legacy/server-sidebar/SidebarItemRenderer.tsx @@ -95,38 +95,27 @@ export default function ServerSidebarItemRenderer({ level={OdsTextLevel.button} color={OdsThemeColorIntent.text} > - {' '} {item.label} - {item?.badge && ( - - {item.badge} - - )} ); } else { - let externalTarget: OdsHTMLAnchorElementTarget | undefined; - let externalRel: OdsHTMLAnchorElementRel | undefined; - if (item.isExternal) { - externalTarget = OdsHTMLAnchorElementTarget._blank; - externalRel = OdsHTMLAnchorElementRel.noopener; - } + const additionalLinkProps = item.isExternal ? { + target: OdsHTMLAnchorElementTarget._blank, + rel: OdsHTMLAnchorElementRel.noopener, + } : {}; itemRender = ( <> {item.icon} setIsResponsiveSidebarMenuOpen(false)} - target={externalTarget} - rel={externalRel} className={style.link} > {item.label} diff --git a/packages/manager/apps/container/src/container/legacy/server-sidebar/index.module.scss b/packages/manager/apps/container/src/container/legacy/server-sidebar/index.module.scss index ff0eda790154..06834deebc4c 100644 --- a/packages/manager/apps/container/src/container/legacy/server-sidebar/index.module.scss +++ b/packages/manager/apps/container/src/container/legacy/server-sidebar/index.module.scss @@ -160,7 +160,7 @@ display: flex; align-items: center; overflow: hidden; - margin:5px; + margin: 5px; white-space: nowrap; text-overflow: ellipsis; } diff --git a/yarn.lock b/yarn.lock index 9a86738fa434..febbdc10b014 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7911,15 +7911,6 @@ superjson "^1.10.0" use-sync-external-store "^1.2.0" -"@tanstack/react-query-devtools@^4.9.0": - version "4.32.6" - resolved "https://registry.yarnpkg.com/@tanstack/react-query-devtools/-/react-query-devtools-4.32.6.tgz#651002855459f65304802595cce55b205831a250" - integrity sha512-Gd9pBkm2sbeze9P5Yp8R7y0rZVUdoIOhduomDjz138WdJuVbRS4Y8p6gX2uMJFsUFVe7jA6fX/D6NfQ9o5OS/A== - dependencies: - "@tanstack/match-sorter-utils" "^8.7.0" - superjson "^1.10.0" - use-sync-external-store "^1.2.0" - "@tanstack/react-query@^4.29.3": version "4.29.3" resolved "https://registry.yarnpkg.com/@tanstack/react-query/-/react-query-4.29.3.tgz#037205560784ed4a5e3fd605a2143e325b6189fa" @@ -10976,11 +10967,6 @@ bootstrap@^4.4.1: resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.4.1.tgz#8582960eea0c5cd2bede84d8b0baf3789c3e8b01" integrity sha512-tbx5cHubwE6e2ZG7nqM3g/FZ5PQEDMWmMGNrCUBVRPHXTJaH7CBDdsLeu3eCh3B1tzAxTnAbtmrzvWEvT2NNEA== -bootstrap@^5.3.0: - version "5.3.1" - resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-5.3.1.tgz#8ca07040ad15d7f75891d1504cf14c5dedfb1cfe" - integrity sha512-jzwza3Yagduci2x0rr9MeFSORjcHpt0lRZukZPZQJT1Dth5qzV7XcgGqYzi39KGAVYR8QEDVoO0ubFKOxzMG+g== - bootstrap@~3.3.0, bootstrap@~3.3.7: version "3.3.7" resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-3.3.7.tgz#5a389394549f23330875a3b150656574f8a9eb71" @@ -12255,11 +12241,6 @@ clone@^2.1.2: resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f" integrity sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18= -clsx@^1.2.1: - version "1.2.1" - resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.2.1.tgz#0ddc4a20a549b59c93a4116bb26f5294ca17dc12" - integrity sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg== - cmd-shim@^5.0.0: version "5.0.0" resolved "https://registry.yarnpkg.com/cmd-shim/-/cmd-shim-5.0.0.tgz#8d0aaa1a6b0708630694c4dbde070ed94c707724"