-
Notifications
You must be signed in to change notification settings - Fork 8.2k
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
[Meta] Stack Management page conversions for new layout #101336
Labels
Meta
Team:Platform-Design
Team Label for Kibana Design Team. Support the Analyze group of plugins.
v7.14.0
Comments
This was referenced Jun 3, 2021
10 tasks
2 tasks
For those working on this conversion, the setup PR #101335 has been merged down to master and is currently getting backported to 7.14. Go ahead and start your PR's based on master! 🙇♀️ |
3 tasks
1 task
This was referenced Jun 16, 2021
2 tasks
jportner
added
the
Team:Platform-Design
Team Label for Kibana Design Team. Support the Analyze group of plugins.
label
Jun 29, 2021
Pinging @elastic/kibana-design (Team:Kibana-Design) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Labels
Meta
Team:Platform-Design
Team Label for Kibana Design Team. Support the Analyze group of plugins.
v7.14.0
This is a meta ticket in support of the greater [META] 7.14 Solution Nav implementation #98359 and is based off/dependent on #101335.
Plugins to migrate
@cchaos
Stack Management [ @cjcenizal ]
ML [ @peteharverson ]
ML meta issue #102315
Alerting services [ @YulNaumenko ]
triggersActionsUi
plugin to the new Management app structure. #101546)Security [ @legrego ]
#101660
App services [ @Dosant ]
#101625
Kibana App
Core [ @pgayvallet ]
#101605
Examples of conversions
A couple pages were converted in the setup PR to act as examples. I'm duplicating those examples here as well to help those converting.
Empty states
Example commit: bbb74b7
Error states
Example commit: 56cf855
If you are having trouble centering your content ensure that any blank divs around your content have the
APP_WRAPPER_CLASS
.Normal page with page header
To be sure the page header renders correctly always add
bottomBorder
and add al
(large) size spacer between it and the content.Example commit: ebc33a2
Panels & Split panels
Be sure that any internal EuiPanel doesn't contain a shadow. You can turn off shadows with
hasShadow={false}
or use borders instead withhasBorder={true}
.EuiSplitPanel is a new component that can be used in some of the unique patterns we see throughout management. Mainly the panels that have headings like in Advanced Settings.
Example commit: bc3b85b
The text was updated successfully, but these errors were encountered: