github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-06-26 00:04:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

trim (#775)

Browse Source 
Co-authored-by: Leon <>
Co-authored-by: lirazyehezkel <61656597+lirazyehezkel@users.noreply.github.com>
Co-authored-by: Igor Gov <iggvrv@gmail.com>
This commit is contained in:
leon-up9 2022-02-10 10:42:48 +02:00 committed by GitHub
parent d9e88169ae
commit 24f1a07910
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/src/components/UI/StatusBar.tsx
View File

@ -19,7 +19,10 @@ export const StatusBar = () => {
return <div className={'statusBar' + (expandedBar ? ' expandedStatusBar' : "")} onMouseOver={() => setExpandedBar(true)} onMouseLeave={() => setExpandedBar(false)}>
<div className="podsCount">
{tappingStatus.some(pod => !pod.isTapped) && <img src={warningIcon} alt="warning"/>}
{`Tapping ${amountOfUntappedPods > 0 ? amountOfTappedPods + " / " + amountOfPods : amountOfPods} ${pluralize('pod', amountOfPods)} in ${pluralize('namespace', uniqueNamespaces.length)} ${uniqueNamespaces.join(", ")}`}</div>
<span className='pods-count-text'>
{`Tapping ${amountOfUntappedPods > 0 ? amountOfTappedPods + " / " + amountOfPods : amountOfPods} ${pluralize('pod', amountOfPods)} in ${pluralize('namespace', uniqueNamespaces.length)} ${uniqueNamespaces.join(", ")}`}
</span>
</div>
{expandedBar && <div style={{marginTop: 20}}>
<table>
<thead>

7
ui/src/components/UI/style/StatusBar.sass
View File

@ -17,12 +17,19 @@
width: auto
max-height: 32px
overflow: hidden
max-width: clamp(150px,50%,600px)
.podsCount
display: flex
justify-content: center
font-weight: 600
.pods-count-text
width: 100%
max-width: 100%
white-space: nowrap
overflow: hidden
text-overflow: ellipsis
img
margin-right: 10px
height: 22px