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

[Enterprise Search] Update layout for white bg (#77555)

Browse source 
* [Enterprise Search] Update layout for white bg

This PR updates the Enterprise Search layout to have a white background.

Includes:
- Updating the header hights to account for search bar (renamed from kibana to console for future proofing)
- Add height to extend to bottom of page
- Change bg to white

* D R Y

* Update x-pack/plugins/enterprise_search/public/applications/shared/layout/layout.scss

Thanks!

Co-authored-by: Constance <constancecchen@users.noreply.github.com>

Co-authored-by: Constance <constancecchen@users.noreply.github.com>
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
This commit is contained in:
Scotty Bollinger 2020-09-16 13:08:28 -05:00 • committed by GitHub
parent 33f6025add
commit e61120b038
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
x-pack/plugins/enterprise_search/public/applications/shared/layout/layout.scss
View file

@ -7,8 +7,12 @@
.enterpriseSearchLayout {
$sideBarWidth: $euiSize * 15;
$sideBarMobileHeight: $euiSize * 4.75;
$consoleHeaderHeight: 98px; // NOTE: Keep an eye on this for changes
$pageHeight: calc(100vh - #{$consoleHeaderHeight});
display: block;
background-color: $euiColorEmptyShade;
min-height: $pageHeight;
position: relative;
left: $sideBarWidth;
width: calc(100% - #{$sideBarWidth});
@ -44,8 +48,7 @@
overflow-y: auto;
overflow-x: hidden;
$kibanaHeader: 49px; // NOTE: Keep an eye on this for changes
height: calc(100vh - #{$kibanaHeader});
height: $pageHeight;
width: $sideBarWidth;
background-color: $euiColorLightestShade;