Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Wrap inference service in avatar for dark mode support #212092

Merged
merged 6 commits into from
Feb 21, 2025

Conversation

mdefazio
Copy link
Contributor

@mdefazio mdefazio commented Feb 21, 2025

Summary

Wraps the logos in our service provider list in an avatar so they are visible in dark mode.

CleanShot 2025-02-21 at 09 34 11@2x

This does not change the selected state for a provider. These logos will still look poorly in dark mode, but this seemed like a larger effort (perhaps someone can help make that more seamless).

We could also just remove the logo when selected. The logos are beneficial when finding a preferred service, but possibly less so once I've chosen one.

CleanShot 2025-02-21 at 09 34 19@2x

@mdefazio mdefazio requested review from a team as code owners February 21, 2025 14:38
@Samiul-TheSoccerFan Samiul-TheSoccerFan added release_note:skip Skip the PR/issue when compiling release notes v9.0.0 backport:version Backport to applied version labels v8.18.0 v9.1.0 v8.19.0 ci:project-deploy-elasticsearch Create an Elasticsearch Serverless project labels Feb 21, 2025
@mdefazio mdefazio force-pushed the inference-service-logos branch from 07e72be to d4f3916 Compare February 21, 2025 16:32
@elasticmachine
Copy link
Contributor

elasticmachine commented Feb 21, 2025

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
indexManagement 713.0KB 713.0KB -92.0B
searchInferenceEndpoints 104.7KB 104.6KB -94.0B
stackConnectors 606.1KB 606.0KB -95.0B
total -281.0B

History

Copy link
Contributor

@Samiul-TheSoccerFan Samiul-TheSoccerFan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, Tested in ES3.

Screenshot 2025-02-21 at 4 29 41 PM Screenshot 2025-02-21 at 4 29 48 PM Screenshot 2025-02-21 at 4 30 09 PM Screenshot 2025-02-21 at 4 30 15 PM

@Samiul-TheSoccerFan Samiul-TheSoccerFan merged commit 1a9315c into elastic:main Feb 21, 2025
9 checks passed
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.18, 8.x, 9.0

https://github.com/elastic/kibana/actions/runs/13466280519

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Feb 21, 2025
## Summary

Wraps the logos in our service provider list in an avatar so they are
visible in dark mode.

![CleanShot 2025-02-21 at 09 34
11@2x](https://github.com/user-attachments/assets/5bc83ee3-265b-4a8f-a811-cc0d8fd1cfd6)

This does not change the selected state for a provider. These logos will
still look poorly in dark mode, but this seemed like a larger effort
(perhaps someone can help make that more seamless).

We could also just remove the logo when selected. The logos are
beneficial when finding a preferred service, but possibly less so once
I've chosen one.

![CleanShot 2025-02-21 at 09 34
19@2x](https://github.com/user-attachments/assets/00ee3cac-3e6d-4b77-ae00-a88dda62506e)

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Samiul Monir <samiul.monir@elastic.co>
(cherry picked from commit 1a9315c)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Feb 21, 2025
## Summary

Wraps the logos in our service provider list in an avatar so they are
visible in dark mode.

![CleanShot 2025-02-21 at 09 34
11@2x](https://github.com/user-attachments/assets/5bc83ee3-265b-4a8f-a811-cc0d8fd1cfd6)

This does not change the selected state for a provider. These logos will
still look poorly in dark mode, but this seemed like a larger effort
(perhaps someone can help make that more seamless).

We could also just remove the logo when selected. The logos are
beneficial when finding a preferred service, but possibly less so once
I've chosen one.

![CleanShot 2025-02-21 at 09 34
19@2x](https://github.com/user-attachments/assets/00ee3cac-3e6d-4b77-ae00-a88dda62506e)

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Samiul Monir <samiul.monir@elastic.co>
(cherry picked from commit 1a9315c)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Feb 21, 2025
## Summary

Wraps the logos in our service provider list in an avatar so they are
visible in dark mode.

![CleanShot 2025-02-21 at 09 34
11@2x](https://github.com/user-attachments/assets/5bc83ee3-265b-4a8f-a811-cc0d8fd1cfd6)

This does not change the selected state for a provider. These logos will
still look poorly in dark mode, but this seemed like a larger effort
(perhaps someone can help make that more seamless).

We could also just remove the logo when selected. The logos are
beneficial when finding a preferred service, but possibly less so once
I've chosen one.

![CleanShot 2025-02-21 at 09 34
19@2x](https://github.com/user-attachments/assets/00ee3cac-3e6d-4b77-ae00-a88dda62506e)

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Samiul Monir <samiul.monir@elastic.co>
(cherry picked from commit 1a9315c)
@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
8.18
8.x
9.0

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

kibanamachine added a commit that referenced this pull request Feb 22, 2025
#212166)

# Backport

This will backport the following commits from `main` to `9.0`:
- [Wrap inference service in avatar for dark mode support
(#212092)](#212092)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Michael
DeFazio","email":"michael.defazio@elastic.co"},"sourceCommit":{"committedDate":"2025-02-21T22:25:54Z","message":"Wrap
inference service in avatar for dark mode support (#212092)\n\n##
Summary\n\nWraps the logos in our service provider list in an avatar so
they are\nvisible in dark mode.\n\n![CleanShot 2025-02-21 at 09
34\n11@2x](https://github.com/user-attachments/assets/5bc83ee3-265b-4a8f-a811-cc0d8fd1cfd6)\n\nThis
does not change the selected state for a provider. These logos
will\nstill look poorly in dark mode, but this seemed like a larger
effort\n(perhaps someone can help make that more seamless).\n\nWe could
also just remove the logo when selected. The logos are\nbeneficial when
finding a preferred service, but possibly less so once\nI've chosen
one.\n\n![CleanShot 2025-02-21 at 09
34\n19@2x](https://github.com/user-attachments/assets/00ee3cac-3e6d-4b77-ae00-a88dda62506e)\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by:
Samiul Monir
<samiul.monir@elastic.co>","sha":"1a9315c07d1e6cad9a1125ac57d0ab001f323f5d","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","ci:project-deploy-elasticsearch","backport:version","v8.18.0","v9.1.0","v8.19.0"],"title":"Wrap
inference service in avatar for dark mode
support","number":212092,"url":"https://github.com/elastic/kibana/pull/212092","mergeCommit":{"message":"Wrap
inference service in avatar for dark mode support (#212092)\n\n##
Summary\n\nWraps the logos in our service provider list in an avatar so
they are\nvisible in dark mode.\n\n![CleanShot 2025-02-21 at 09
34\n11@2x](https://github.com/user-attachments/assets/5bc83ee3-265b-4a8f-a811-cc0d8fd1cfd6)\n\nThis
does not change the selected state for a provider. These logos
will\nstill look poorly in dark mode, but this seemed like a larger
effort\n(perhaps someone can help make that more seamless).\n\nWe could
also just remove the logo when selected. The logos are\nbeneficial when
finding a preferred service, but possibly less so once\nI've chosen
one.\n\n![CleanShot 2025-02-21 at 09
34\n19@2x](https://github.com/user-attachments/assets/00ee3cac-3e6d-4b77-ae00-a88dda62506e)\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by:
Samiul Monir
<samiul.monir@elastic.co>","sha":"1a9315c07d1e6cad9a1125ac57d0ab001f323f5d"}},"sourceBranch":"main","suggestedTargetBranches":["9.0","8.18","8.x"],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.18","label":"v8.18.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/212092","number":212092,"mergeCommit":{"message":"Wrap
inference service in avatar for dark mode support (#212092)\n\n##
Summary\n\nWraps the logos in our service provider list in an avatar so
they are\nvisible in dark mode.\n\n![CleanShot 2025-02-21 at 09
34\n11@2x](https://github.com/user-attachments/assets/5bc83ee3-265b-4a8f-a811-cc0d8fd1cfd6)\n\nThis
does not change the selected state for a provider. These logos
will\nstill look poorly in dark mode, but this seemed like a larger
effort\n(perhaps someone can help make that more seamless).\n\nWe could
also just remove the logo when selected. The logos are\nbeneficial when
finding a preferred service, but possibly less so once\nI've chosen
one.\n\n![CleanShot 2025-02-21 at 09
34\n19@2x](https://github.com/user-attachments/assets/00ee3cac-3e6d-4b77-ae00-a88dda62506e)\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by:
Samiul Monir
<samiul.monir@elastic.co>","sha":"1a9315c07d1e6cad9a1125ac57d0ab001f323f5d"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Michael DeFazio <michael.defazio@elastic.co>
kibanamachine added a commit that referenced this pull request Feb 22, 2025
#212165)

# Backport

This will backport the following commits from `main` to `8.x`:
- [Wrap inference service in avatar for dark mode support
(#212092)](#212092)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Michael
DeFazio","email":"michael.defazio@elastic.co"},"sourceCommit":{"committedDate":"2025-02-21T22:25:54Z","message":"Wrap
inference service in avatar for dark mode support (#212092)\n\n##
Summary\n\nWraps the logos in our service provider list in an avatar so
they are\nvisible in dark mode.\n\n![CleanShot 2025-02-21 at 09
34\n11@2x](https://github.com/user-attachments/assets/5bc83ee3-265b-4a8f-a811-cc0d8fd1cfd6)\n\nThis
does not change the selected state for a provider. These logos
will\nstill look poorly in dark mode, but this seemed like a larger
effort\n(perhaps someone can help make that more seamless).\n\nWe could
also just remove the logo when selected. The logos are\nbeneficial when
finding a preferred service, but possibly less so once\nI've chosen
one.\n\n![CleanShot 2025-02-21 at 09
34\n19@2x](https://github.com/user-attachments/assets/00ee3cac-3e6d-4b77-ae00-a88dda62506e)\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by:
Samiul Monir
<samiul.monir@elastic.co>","sha":"1a9315c07d1e6cad9a1125ac57d0ab001f323f5d","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","ci:project-deploy-elasticsearch","backport:version","v8.18.0","v9.1.0","v8.19.0"],"title":"Wrap
inference service in avatar for dark mode
support","number":212092,"url":"https://github.com/elastic/kibana/pull/212092","mergeCommit":{"message":"Wrap
inference service in avatar for dark mode support (#212092)\n\n##
Summary\n\nWraps the logos in our service provider list in an avatar so
they are\nvisible in dark mode.\n\n![CleanShot 2025-02-21 at 09
34\n11@2x](https://github.com/user-attachments/assets/5bc83ee3-265b-4a8f-a811-cc0d8fd1cfd6)\n\nThis
does not change the selected state for a provider. These logos
will\nstill look poorly in dark mode, but this seemed like a larger
effort\n(perhaps someone can help make that more seamless).\n\nWe could
also just remove the logo when selected. The logos are\nbeneficial when
finding a preferred service, but possibly less so once\nI've chosen
one.\n\n![CleanShot 2025-02-21 at 09
34\n19@2x](https://github.com/user-attachments/assets/00ee3cac-3e6d-4b77-ae00-a88dda62506e)\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by:
Samiul Monir
<samiul.monir@elastic.co>","sha":"1a9315c07d1e6cad9a1125ac57d0ab001f323f5d"}},"sourceBranch":"main","suggestedTargetBranches":["9.0","8.18","8.x"],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.18","label":"v8.18.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/212092","number":212092,"mergeCommit":{"message":"Wrap
inference service in avatar for dark mode support (#212092)\n\n##
Summary\n\nWraps the logos in our service provider list in an avatar so
they are\nvisible in dark mode.\n\n![CleanShot 2025-02-21 at 09
34\n11@2x](https://github.com/user-attachments/assets/5bc83ee3-265b-4a8f-a811-cc0d8fd1cfd6)\n\nThis
does not change the selected state for a provider. These logos
will\nstill look poorly in dark mode, but this seemed like a larger
effort\n(perhaps someone can help make that more seamless).\n\nWe could
also just remove the logo when selected. The logos are\nbeneficial when
finding a preferred service, but possibly less so once\nI've chosen
one.\n\n![CleanShot 2025-02-21 at 09
34\n19@2x](https://github.com/user-attachments/assets/00ee3cac-3e6d-4b77-ae00-a88dda62506e)\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by:
Samiul Monir
<samiul.monir@elastic.co>","sha":"1a9315c07d1e6cad9a1125ac57d0ab001f323f5d"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Michael DeFazio <michael.defazio@elastic.co>
kibanamachine added a commit that referenced this pull request Feb 22, 2025
… (#212164)

# Backport

This will backport the following commits from `main` to `8.18`:
- [Wrap inference service in avatar for dark mode support
(#212092)](#212092)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Michael
DeFazio","email":"michael.defazio@elastic.co"},"sourceCommit":{"committedDate":"2025-02-21T22:25:54Z","message":"Wrap
inference service in avatar for dark mode support (#212092)\n\n##
Summary\n\nWraps the logos in our service provider list in an avatar so
they are\nvisible in dark mode.\n\n![CleanShot 2025-02-21 at 09
34\n11@2x](https://github.com/user-attachments/assets/5bc83ee3-265b-4a8f-a811-cc0d8fd1cfd6)\n\nThis
does not change the selected state for a provider. These logos
will\nstill look poorly in dark mode, but this seemed like a larger
effort\n(perhaps someone can help make that more seamless).\n\nWe could
also just remove the logo when selected. The logos are\nbeneficial when
finding a preferred service, but possibly less so once\nI've chosen
one.\n\n![CleanShot 2025-02-21 at 09
34\n19@2x](https://github.com/user-attachments/assets/00ee3cac-3e6d-4b77-ae00-a88dda62506e)\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by:
Samiul Monir
<samiul.monir@elastic.co>","sha":"1a9315c07d1e6cad9a1125ac57d0ab001f323f5d","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","ci:project-deploy-elasticsearch","backport:version","v8.18.0","v9.1.0","v8.19.0"],"title":"Wrap
inference service in avatar for dark mode
support","number":212092,"url":"https://github.com/elastic/kibana/pull/212092","mergeCommit":{"message":"Wrap
inference service in avatar for dark mode support (#212092)\n\n##
Summary\n\nWraps the logos in our service provider list in an avatar so
they are\nvisible in dark mode.\n\n![CleanShot 2025-02-21 at 09
34\n11@2x](https://github.com/user-attachments/assets/5bc83ee3-265b-4a8f-a811-cc0d8fd1cfd6)\n\nThis
does not change the selected state for a provider. These logos
will\nstill look poorly in dark mode, but this seemed like a larger
effort\n(perhaps someone can help make that more seamless).\n\nWe could
also just remove the logo when selected. The logos are\nbeneficial when
finding a preferred service, but possibly less so once\nI've chosen
one.\n\n![CleanShot 2025-02-21 at 09
34\n19@2x](https://github.com/user-attachments/assets/00ee3cac-3e6d-4b77-ae00-a88dda62506e)\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by:
Samiul Monir
<samiul.monir@elastic.co>","sha":"1a9315c07d1e6cad9a1125ac57d0ab001f323f5d"}},"sourceBranch":"main","suggestedTargetBranches":["9.0","8.18","8.x"],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.18","label":"v8.18.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/212092","number":212092,"mergeCommit":{"message":"Wrap
inference service in avatar for dark mode support (#212092)\n\n##
Summary\n\nWraps the logos in our service provider list in an avatar so
they are\nvisible in dark mode.\n\n![CleanShot 2025-02-21 at 09
34\n11@2x](https://github.com/user-attachments/assets/5bc83ee3-265b-4a8f-a811-cc0d8fd1cfd6)\n\nThis
does not change the selected state for a provider. These logos
will\nstill look poorly in dark mode, but this seemed like a larger
effort\n(perhaps someone can help make that more seamless).\n\nWe could
also just remove the logo when selected. The logos are\nbeneficial when
finding a preferred service, but possibly less so once\nI've chosen
one.\n\n![CleanShot 2025-02-21 at 09
34\n19@2x](https://github.com/user-attachments/assets/00ee3cac-3e6d-4b77-ae00-a88dda62506e)\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by:
Samiul Monir
<samiul.monir@elastic.co>","sha":"1a9315c07d1e6cad9a1125ac57d0ab001f323f5d"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Michael DeFazio <michael.defazio@elastic.co>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:version Backport to applied version labels ci:project-deploy-elasticsearch Create an Elasticsearch Serverless project release_note:skip Skip the PR/issue when compiling release notes v8.18.0 v8.19.0 v9.0.0 v9.1.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants