kibana/x-pack/plugins/searchprofiler/public/application/_app.scss
Pierre Gayvallet 570dcc07b5
Implement custom global header banner (#87438)
* first draft

* update plugin list

* fix tsproject

* update bundle limits file

* remove unused start dep

* adapt imports

* POC of footer banner

* update styles, mostly

* plug banner to uiSettings

* adding some unit tests

* add tests on sort_fields

* cleanup sums in sass mixins

* some self review stuff

* update generated doc

* add tests for color field

* update chrome header test snapshots

* retrieve license info from the server

* switch from uiSettings to plugin config

* update plugin list description

* update default colors

* NIT

* add markdown support

* fix banner overlap in fullscreen mode

* change banner height to 32px

* change banner's font size to 14

* delete unused uiSettings
2021-02-11 10:12:24 +01:00

68 lines
1,019 B
SCSS

@import '../../../../../src/core/public/mixins';
.prfDevTool__page {
flex: 1 1 auto;
&__body {
height: 100%;
flex: 1 1 auto;
}
&__pageBody {
height: 100%;
flex: 1 1 auto;
}
&__pageBodyContent {
height: 100%;
}
&__pageBodyContentBody {
height: 100%;
}
&__pageContentBodyContent {
height: 100%;
}
&__bodyGroup {
height: 100%;
}
}
// adding dev tool top bar to the body offset
$bodyOffset: $euiHeaderHeightCompensation;
.appRoot {
@include kibanaFullBodyHeight($bodyOffset);
overflow: hidden;
flex-shrink: 1;
}
.prfDevTool__main {
height: 100%;
order: 2;
margin-left: $euiSize;
display: flex;
overflow: hidden;
flex-direction: column;
// Make only the tab content scroll
.search-profiler-tabs {
flex-shrink: 0;
}
}
@include euiPanel('.prfDevTool__main');
@include euiBreakpoint('xs', 's') {
.prfDevTool__container {
flex-direction: column;
}
.prfDevTool__main {
flex: 0 0 auto;
margin: $euiSize 0;
}
}