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.

Sign up for GitHub

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

Jump to bottom

[Guided onboarding] Add background image to dropdown panel #147383

Closed
alisonelizabeth opened this issue Dec 12, 2022 · 2 comments · Fixed by #149394
Closed

[Guided onboarding] Add background image to dropdown panel #147383

alisonelizabeth opened this issue Dec 12, 2022 · 2 comments · Fixed by #149394
Assignees
@claracruz
Labels
enhancement New value added to drive a business result Team:Journey/Onboarding Platform Journey Onboarding team

Comments

@alisonelizabeth
Copy link
Contributor

The branding team has provided a background image for the guided onboarding dropdown panel. This issue is to update the panel to use the background image.
@alisonelizabeth alisonelizabeth added enhancement New value added to drive a business result Team:Journey/Onboarding Platform Journey Onboarding team labels Dec 12, 2022
@elasticmachine
Copy link
Contributor

Pinging @elastic/platform-onboarding (Team:Journey/Onboarding)

@alisonelizabeth alisonelizabeth mentioned this issue Dec 12, 2022
Closed
@cindychangy
Copy link
Contributor

cindychangy commented Dec 13, 2022 •
edited
Loading

We are adding some design elements to the panel to look as below. There are 2 separate SVGS that can be applied to the top and the bottom of the panel. This can be seen on the prototype.

Image

Assets:
Top panel SVG:
Image

Bottom panel SVG:
Image

panel-background-svgs.zip

@claracruz claracruz mentioned this issue Jan 24, 2023
Merged
claracruz added a commit that referenced this issue Jan 26, 2023
@claracruz
Update guided onboarding flyout panel to use the background image. (#…
9e3cf8f 
…149394)

Fixes #147383

### Screenshots

<img width="525" alt="Screenshot 2023-01-25 at 16 59 19"
src="https://user-images.githubusercontent.com/91763/214629650-2db979f9-5726-4c75-8ace-8e8f1a0c7470.png">


<img width="512" alt="Screenshot 2023-01-25 at 16 59 59"
src="https://user-images.githubusercontent.com/91763/214629688-80148487-73de-40a8-b9d6-2dbd6bcc67ea.png">
@claracruz claracruz mentioned this issue Jan 27, 2023
Merged
claracruz added a commit that referenced this issue Jan 27, 2023
@claracruz
Add background image to flyout panel dark (#149668)
db7bc14 
Rel #147383

### Screenshots

<img width="518" alt="Screenshot 2023-01-27 at 09 48 47"
src="https://user-images.githubusercontent.com/91763/215057006-94dde903-e40a-4126-889b-957bcff0175c.png">
kqualters-elastic pushed a commit to kqualters-elastic/kibana that referenced this issue Feb 6, 2023
@claracruz @kqualters-elastic
Update guided onboarding flyout panel to use the background image. (e…
c4e3fd5 
…lastic#149394)

Fixes elastic#147383

### Screenshots

<img width="525" alt="Screenshot 2023-01-25 at 16 59 19"
src="https://user-images.githubusercontent.com/91763/214629650-2db979f9-5726-4c75-8ace-8e8f1a0c7470.png">


<img width="512" alt="Screenshot 2023-01-25 at 16 59 59"
src="https://user-images.githubusercontent.com/91763/214629688-80148487-73de-40a8-b9d6-2dbd6bcc67ea.png">
kqualters-elastic pushed a commit to kqualters-elastic/kibana that referenced this issue Feb 6, 2023
@claracruz @kqualters-elastic
Add background image to flyout panel dark (elastic#149668)
d2d6a8e 
Rel elastic#147383

### Screenshots

<img width="518" alt="Screenshot 2023-01-27 at 09 48 47"
src="https://user-images.githubusercontent.com/91763/215057006-94dde903-e40a-4126-889b-957bcff0175c.png">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@claracruz claracruz

Labels
enhancement New value added to drive a business result Team:Journey/Onboarding Platform Journey Onboarding team
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Update guided onboarding flyout panel to use the background image. claracruz/kibana
4 participants
@claracruz @alisonelizabeth @cindychangy @elasticmachine