github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-06-28 03:01:21 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Inspector] Move request details stat row's tooltip icon to right of label (#162377)

Browse source 
Fixes #154874.

## Summary

Move tooltip icon placement of inspector stat labels from left to right

Previous:

![image](8a674f10-d263-468c-8862-88fc525f0aee)

Updated:

![image](b1d2c10e-063e-470f-be0b-4c36c9b7b96b)


### Checklist

- [x] This renders correctly on smaller devices using a responsive
layout. (You can test this [in your
browser](https://www.browserstack.com/guide/responsive-testing-on-local-server))
- [x] This was checked for [cross-browser
compatibility](https://www.elastic.co/support/matrix#matrix_browsers)


### For maintainers

- [ ] This was checked for breaking API changes and was [labeled
appropriately](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
ruhshan 2023-07-29 05:34:45 +06:00 • committed by GitHub
parent 5864674ff6
commit 6cb890d160
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/plugins/inspector/public/views/requests/_requests.scss
View file

@ -1,5 +1,5 @@
.insRequestDetailsStats__icon { .insRequestDetailsStats__icon {
margin-right: $euiSizeS; margin-left: $euiSizeXS;
} }
.insRequestSelector__singleRequest { .insRequestSelector__singleRequest {

3
src/plugins/inspector/public/views/requests/components/details/req_details_stats.tsx
View file

@ -37,6 +37,8 @@ export class RequestDetailsStats extends Component<RequestDetailsProps> {
return [ return [
<EuiTableRow key={stat.id}> <EuiTableRow key={stat.id}>
<EuiTableRowCell> <EuiTableRowCell>
{stat.label}
<span className="insRequestDetailsStats__icon"> <span className="insRequestDetailsStats__icon">
{stat.description ? ( {stat.description ? (
<EuiIconTip <EuiIconTip
@ -51,7 +53,6 @@ export class RequestDetailsStats extends Component<RequestDetailsProps> {
<EuiIcon type="empty" /> <EuiIcon type="empty" />
)} )}
</span> </span>
{stat.label}
</EuiTableRowCell> </EuiTableRowCell>
<EuiTableRowCell>{stat.value}</EuiTableRowCell> <EuiTableRowCell>{stat.value}</EuiTableRowCell>
</EuiTableRow>, </EuiTableRow>,