github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-06-26 16:24:54 +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)}> return <div className={'statusBar' + (expandedBar ? ' expandedStatusBar' : "")} onMouseOver={() => setExpandedBar(true)} onMouseLeave={() => setExpandedBar(false)}>
<div className="podsCount"> <div className="podsCount">
{tappingStatus.some(pod => !pod.isTapped) && <img src={warningIcon} alt="warning"/>} {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}}> {expandedBar && <div style={{marginTop: 20}}>
<table> <table>
<thead> <thead>

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

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