github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-09-01 18:47:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

TRA-4176 plus icon is not visible (#664)

Browse Source 
* flipped button

* remove comment

* edit style

* overflow for .resolvedName removed

Co-authored-by: Leon <>
Co-authored-by: gadotroee <55343099+gadotroee@users.noreply.github.com>
This commit is contained in:
leon-up9
2022-01-20 18:21:50 +02:00
committed by GitHub
parent 50c89e6245
commit 54ea2afe71
3 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
ui/src/components/EntryListItem/EntryListItem.module.sass
View File

@@ -47,7 +47,6 @@
.resolvedName .resolvedName
text-overflow: ellipsis text-overflow: ellipsis
overflow: hidden
white-space: nowrap white-space: nowrap
color: $secondary-font-color color: $secondary-font-color
padding-left: 4px padding-left: 4px

10
ui/src/components/EntryListItem/EntryListItem.tsx
View File

@@ -162,7 +162,7 @@ export const EntryItem: React.FC<EntryProps> = ({entry, style, headingMode}) =>
displayIconOnMouseOver={true} displayIconOnMouseOver={true}
flipped={true} flipped={true}
style={{marginTop: "-4px", overflow: "visible"}} style={{marginTop: "-4px", overflow: "visible"}}
iconStyle={!headingMode ? {marginTop: "4px", left: "68px", position: "absolute"} : iconStyle={!headingMode ? {marginTop: "4px", right: "16px", position: "relative"} :
entry.proto.name === "http" ? {marginTop: "4px", left: "calc(50vw + 41px)", position: "absolute"} : entry.proto.name === "http" ? {marginTop: "4px", left: "calc(50vw + 41px)", position: "absolute"} :
{marginTop: "4px", left: "calc(50vw - 9px)", position: "absolute"}} {marginTop: "4px", left: "calc(50vw - 9px)", position: "absolute"}}
> >
@@ -172,16 +172,16 @@ export const EntryItem: React.FC<EntryProps> = ({entry, style, headingMode}) =>
{entry.src.name ? entry.src.name : "[Unresolved]"} {entry.src.name ? entry.src.name : "[Unresolved]"}
</span> </span>
</Queryable> </Queryable>
<SwapHorizIcon style={{color: entry.proto.backgroundColor, marginTop: "-2px"}}></SwapHorizIcon> <SwapHorizIcon style={{color: entry.proto.backgroundColor, marginTop: "-2px",marginLeft:"5px",marginRight:"5px"}}></SwapHorizIcon>
<Queryable <Queryable
query={`dst.name == "${entry.dst.name}"`} query={`dst.name == "${entry.dst.name}"`}
displayIconOnMouseOver={true} displayIconOnMouseOver={true}
flipped={true}
style={{marginTop: "-4px"}} style={{marginTop: "-4px"}}
iconStyle={{marginTop: "4px", marginLeft: "-2px"}} iconStyle={{marginTop: "4px", marginLeft: "-2px",right: "11px", position: "relative"}}
> >
<span <span
title="Destination Name" title="Destination Name">
>
{entry.dst.name ? entry.dst.name : "[Unresolved]"} {entry.dst.name ? entry.dst.name : "[Unresolved]"}
</span> </span>
</Queryable> </Queryable>

4
ui/src/components/UI/Summary.tsx
View File

@@ -16,6 +16,8 @@ export const Summary: React.FC<SummaryProps> = ({method, summary}) => {
className={`${miscStyles.protocol} ${miscStyles.method}`} className={`${miscStyles.protocol} ${miscStyles.method}`}
displayIconOnMouseOver={true} displayIconOnMouseOver={true}
style={{whiteSpace: "nowrap"}} style={{whiteSpace: "nowrap"}}
flipped={true}
iconStyle={{zIndex:"5",position:"relative",right:"22px"}}
> >
<span> <span>
{method} {method}
@@ -24,6 +26,8 @@ export const Summary: React.FC<SummaryProps> = ({method, summary}) => {
{summary && <Queryable {summary && <Queryable
query={`summary == "${summary}"`} query={`summary == "${summary}"`}
displayIconOnMouseOver={true} displayIconOnMouseOver={true}
flipped={true}
iconStyle={{zIndex:"5",position:"relative",right:"14px"}}
> >
<div <div
className={`${styles.summary}`} className={`${styles.summary}`}