github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-08-10 21:02:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix the styling of Queryable under StatusCode and Summary components (#519)

Browse Source
This commit is contained in:
M. Mert Yıldıran 2021-12-04 20:25:22 +03:00 committed by GitHub
parent 296e1bb667
commit 880842c39f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -68,9 +68,8 @@
flex-direction: column flex-direction: column
overflow: hidden overflow: hidden
padding-right: 10px padding-right: 10px
padding-left: 10px
flex-grow: 1 flex-grow: 1
padding-top: 5px
margin-left: -6px
.separatorRight .separatorRight
display: flex display: flex

3
ui/src/components/UI/StatusCode.tsx
View File

@ -20,8 +20,9 @@ const StatusCode: React.FC<EntryProps> = ({statusCode, updateQuery}) => {
return <Queryable return <Queryable
query={`response.status == ${statusCode}`} query={`response.status == ${statusCode}`}
updateQuery={updateQuery} updateQuery={updateQuery}
style={{minWidth: "68px"}}
displayIconOnMouseOver={true} displayIconOnMouseOver={true}
flipped={true}
iconStyle={{marginTop: "40px"}}
> >
<span <span
title="Status Code" title="Status Code"

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

@ -17,6 +17,7 @@ export const Summary: React.FC<SummaryProps> = ({method, summary, updateQuery})
className={`${miscStyles.protocol} ${miscStyles.method}`} className={`${miscStyles.protocol} ${miscStyles.method}`}
updateQuery={updateQuery} updateQuery={updateQuery}
displayIconOnMouseOver={true} displayIconOnMouseOver={true}
style={{whiteSpace: "nowrap"}}
> >
<span> <span>
{method} {method}