parent
8f7444b1fa
commit
eb77967d76
|
@ -110,7 +110,7 @@
|
|||
},
|
||||
"dependencies": {
|
||||
"@elastic/datemath": "5.0.2",
|
||||
"@elastic/eui": "6.8.0",
|
||||
"@elastic/eui": "6.10.0",
|
||||
"@elastic/filesaver": "1.1.2",
|
||||
"@elastic/good": "8.1.1-kibana2",
|
||||
"@elastic/numeral": "2.3.2",
|
||||
|
|
|
@ -3,7 +3,6 @@
|
|||
flex: 1 1 auto;
|
||||
position: relative;
|
||||
padding: $euiSizeS;
|
||||
background-color: $euiColorLightestShade;
|
||||
// Make sure the editor actions don't create scrollbars on this container
|
||||
// SASSTODO: Uncomment when tooltips are EUI-ified (inside portals)
|
||||
// overflow: hidden;
|
||||
|
|
|
@ -2,11 +2,6 @@
|
|||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: $euiColorEmptyShade;
|
||||
}
|
||||
|
||||
.dshAppContainer--withMargins {
|
||||
background-color: $euiColorLightestShade;
|
||||
}
|
||||
|
||||
.dshStartScreen {
|
||||
|
|
|
@ -1,13 +1,5 @@
|
|||
// ANGULAR SELECTOR HACKS
|
||||
|
||||
/**
|
||||
* Mimics EuiPageBackground
|
||||
*/
|
||||
dashboard-listing {
|
||||
background-color: $euiColorLightestShade;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
/**
|
||||
* Needs to correspond with the react root nested inside angular.
|
||||
*/
|
||||
|
|
|
@ -5,5 +5,4 @@
|
|||
|
||||
.dshDashboardViewport-withMargins {
|
||||
width: 100%;
|
||||
background-color: $euiColorLightestShade;
|
||||
}
|
||||
|
|
|
@ -1,3 +1,7 @@
|
|||
discover-app {
|
||||
background-color: $euiColorEmptyShade;
|
||||
}
|
||||
|
||||
// SASSTODO: replace the margin-top value with a variable
|
||||
.dscSidebar__listHeader {
|
||||
margin-top: 5px;
|
||||
|
@ -175,6 +179,7 @@
|
|||
}
|
||||
|
||||
.dscResults {
|
||||
|
||||
h3 {
|
||||
margin: -20px 0 10px 0;
|
||||
text-align: center;
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
// SASSTODO: the classname is dinamically generated with ng-class
|
||||
.tab-discover {
|
||||
overflow: hidden;
|
||||
background-color: $euiColorEmptyShade;
|
||||
}
|
||||
|
||||
// SASSTODO: these are Angular Bootstrap classes. Will be replaced by EUI
|
||||
|
|
|
@ -1,9 +1,4 @@
|
|||
home-app {
|
||||
background-color: $euiColorLightestShade;
|
||||
}
|
||||
|
||||
.homPage {
|
||||
min-height: 100vh;
|
||||
max-width: 1200px;
|
||||
margin: auto;
|
||||
}
|
||||
|
|
|
@ -195,8 +195,13 @@ exports[`bulkCreate should display error message when bulkCreate request fails 1
|
|||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
>
|
||||
Incomplete
|
||||
Step
|
||||
<EuiI18n
|
||||
default="Incomplete Step"
|
||||
token="euiStep.incompleteStep"
|
||||
>
|
||||
Incomplete Step
|
||||
</EuiI18n>
|
||||
|
||||
</span>
|
||||
</EuiScreenReaderOnly>
|
||||
<EuiStepNumber
|
||||
|
@ -524,7 +529,13 @@ exports[`bulkCreate should display success message when bulkCreate is successful
|
|||
<span
|
||||
className="euiScreenReaderOnly"
|
||||
>
|
||||
Step
|
||||
<EuiI18n
|
||||
default="Step"
|
||||
token="euiStep.completeStep"
|
||||
>
|
||||
Step
|
||||
</EuiI18n>
|
||||
|
||||
</span>
|
||||
</EuiScreenReaderOnly>
|
||||
<EuiStepNumber
|
||||
|
@ -536,23 +547,17 @@ exports[`bulkCreate should display success message when bulkCreate is successful
|
|||
<div
|
||||
className="euiStepNumber euiStepNumber--complete euiStep__circle"
|
||||
>
|
||||
<EuiIcon
|
||||
className="euiStepNumber__icon"
|
||||
size="m"
|
||||
title="complete"
|
||||
type="check"
|
||||
<EuiI18n
|
||||
default="complete"
|
||||
token="euiStepNumber.isComplete"
|
||||
>
|
||||
<check
|
||||
className="euiIcon euiIcon--medium euiStepNumber__icon"
|
||||
focusable="false"
|
||||
height="16"
|
||||
style={null}
|
||||
<EuiIcon
|
||||
className="euiStepNumber__icon"
|
||||
size="m"
|
||||
title="complete"
|
||||
viewBox="0 0 16 16"
|
||||
width="16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
type="check"
|
||||
>
|
||||
<svg
|
||||
<check
|
||||
className="euiIcon euiIcon--medium euiStepNumber__icon"
|
||||
focusable="false"
|
||||
height="16"
|
||||
|
@ -562,13 +567,24 @@ exports[`bulkCreate should display success message when bulkCreate is successful
|
|||
width="16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M6.5 12a.502.502 0 0 1-.354-.146l-4-4a.502.502 0 0 1 .708-.708L6.5 10.793l6.646-6.647a.502.502 0 0 1 .708.708l-7 7A.502.502 0 0 1 6.5 12"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</check>
|
||||
</EuiIcon>
|
||||
<svg
|
||||
className="euiIcon euiIcon--medium euiStepNumber__icon"
|
||||
focusable="false"
|
||||
height="16"
|
||||
style={null}
|
||||
title="complete"
|
||||
viewBox="0 0 16 16"
|
||||
width="16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M6.5 12a.502.502 0 0 1-.354-.146l-4-4a.502.502 0 0 1 .708-.708L6.5 10.793l6.646-6.647a.502.502 0 0 1 .708.708l-7 7A.502.502 0 0 1 6.5 12"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
</check>
|
||||
</EuiIcon>
|
||||
</EuiI18n>
|
||||
</div>
|
||||
</EuiStepNumber>
|
||||
<EuiTitle
|
||||
|
|
|
@ -10,12 +10,6 @@ kbn-management-objects-view {
|
|||
display: block;
|
||||
}
|
||||
|
||||
// SASSTODO: Remove when Kibana has a proper background color
|
||||
kbn-management-objects, kbn-management-app, .tab-management {
|
||||
background: $euiColorLightestShade;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
#management-landing {
|
||||
display: flex;
|
||||
}
|
||||
|
@ -47,4 +41,4 @@ kbn-management-objects-view {
|
|||
// Hack because the management wrapper is flat HTML and needs a class
|
||||
.mgtPage__body {
|
||||
max-width: map-get($euiBreakpoints, 'xl');
|
||||
}
|
||||
}
|
||||
|
|
|
@ -387,38 +387,32 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
|
|||
}
|
||||
tabIndex={0}
|
||||
>
|
||||
<EuiButtonIcon
|
||||
aria-label="Closes this modal window"
|
||||
className="euiModal__closeIcon"
|
||||
color="text"
|
||||
iconSize="m"
|
||||
iconType="cross"
|
||||
onClick={[Function]}
|
||||
type="button"
|
||||
<EuiI18n
|
||||
default="Closes this modal window"
|
||||
token="euiModal.closeModal"
|
||||
>
|
||||
<button
|
||||
<EuiButtonIcon
|
||||
aria-label="Closes this modal window"
|
||||
className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
|
||||
className="euiModal__closeIcon"
|
||||
color="text"
|
||||
iconSize="m"
|
||||
iconType="cross"
|
||||
onClick={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<EuiIcon
|
||||
aria-hidden="true"
|
||||
className="euiButtonIcon__icon"
|
||||
size="m"
|
||||
type="cross"
|
||||
<button
|
||||
aria-label="Closes this modal window"
|
||||
className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
|
||||
onClick={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<cross
|
||||
<EuiIcon
|
||||
aria-hidden="true"
|
||||
className="euiIcon euiIcon--medium euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
height="16"
|
||||
style={null}
|
||||
viewBox="0 0 16 16"
|
||||
width="16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className="euiButtonIcon__icon"
|
||||
size="m"
|
||||
type="cross"
|
||||
>
|
||||
<svg
|
||||
<cross
|
||||
aria-hidden="true"
|
||||
className="euiIcon euiIcon--medium euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
|
@ -428,14 +422,25 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
|
|||
width="16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z"
|
||||
/>
|
||||
</svg>
|
||||
</cross>
|
||||
</EuiIcon>
|
||||
</button>
|
||||
</EuiButtonIcon>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
className="euiIcon euiIcon--medium euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
height="16"
|
||||
style={null}
|
||||
viewBox="0 0 16 16"
|
||||
width="16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z"
|
||||
/>
|
||||
</svg>
|
||||
</cross>
|
||||
</EuiIcon>
|
||||
</button>
|
||||
</EuiButtonIcon>
|
||||
</EuiI18n>
|
||||
<div
|
||||
className="euiModal__flex"
|
||||
>
|
||||
|
@ -1325,38 +1330,32 @@ exports[`NewVisModal should render as expected 1`] = `
|
|||
}
|
||||
tabIndex={0}
|
||||
>
|
||||
<EuiButtonIcon
|
||||
aria-label="Closes this modal window"
|
||||
className="euiModal__closeIcon"
|
||||
color="text"
|
||||
iconSize="m"
|
||||
iconType="cross"
|
||||
onClick={[Function]}
|
||||
type="button"
|
||||
<EuiI18n
|
||||
default="Closes this modal window"
|
||||
token="euiModal.closeModal"
|
||||
>
|
||||
<button
|
||||
<EuiButtonIcon
|
||||
aria-label="Closes this modal window"
|
||||
className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
|
||||
className="euiModal__closeIcon"
|
||||
color="text"
|
||||
iconSize="m"
|
||||
iconType="cross"
|
||||
onClick={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<EuiIcon
|
||||
aria-hidden="true"
|
||||
className="euiButtonIcon__icon"
|
||||
size="m"
|
||||
type="cross"
|
||||
<button
|
||||
aria-label="Closes this modal window"
|
||||
className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
|
||||
onClick={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<cross
|
||||
<EuiIcon
|
||||
aria-hidden="true"
|
||||
className="euiIcon euiIcon--medium euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
height="16"
|
||||
style={null}
|
||||
viewBox="0 0 16 16"
|
||||
width="16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className="euiButtonIcon__icon"
|
||||
size="m"
|
||||
type="cross"
|
||||
>
|
||||
<svg
|
||||
<cross
|
||||
aria-hidden="true"
|
||||
className="euiIcon euiIcon--medium euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
|
@ -1366,14 +1365,25 @@ exports[`NewVisModal should render as expected 1`] = `
|
|||
width="16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z"
|
||||
/>
|
||||
</svg>
|
||||
</cross>
|
||||
</EuiIcon>
|
||||
</button>
|
||||
</EuiButtonIcon>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
className="euiIcon euiIcon--medium euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
height="16"
|
||||
style={null}
|
||||
viewBox="0 0 16 16"
|
||||
width="16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z"
|
||||
/>
|
||||
</svg>
|
||||
</cross>
|
||||
</EuiIcon>
|
||||
</button>
|
||||
</EuiButtonIcon>
|
||||
</EuiI18n>
|
||||
<div
|
||||
className="euiModal__flex"
|
||||
>
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
|
||||
.visWizard__row {
|
||||
flex: 1;
|
||||
background-color: $euiColorLightestShade;
|
||||
background-color: $euiColorEmptyShade;
|
||||
}
|
||||
|
||||
.visWizard__column--small {
|
||||
|
|
|
@ -2,7 +2,6 @@
|
|||
|
||||
.tvbSeriesEditor__container {
|
||||
padding: $euiSize;
|
||||
background-color: $euiColorLightestShade;
|
||||
}
|
||||
|
||||
@include euiPanel('tvbSeriesEditor');
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
.tvbEditor {
|
||||
flex: 1;
|
||||
background: $euiColorLightestShade;
|
||||
}
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
.tvbPanelConfig__container {
|
||||
padding: $euiSize;
|
||||
background-color: $euiColorLightestShade;
|
||||
}
|
||||
|
|
|
@ -1,6 +1 @@
|
|||
@import 'ui/public/styles/styling_constants';
|
||||
|
||||
// SASSTODO: Remove when K7 applies background color to body
|
||||
#status_page-app .stsPage {
|
||||
min-height: 100vh;
|
||||
}
|
|
@ -1,7 +1,9 @@
|
|||
|
||||
@import '@elastic/eui/src/components/header/variables';
|
||||
|
||||
.timApp {
|
||||
position: relative;
|
||||
min-height: calc(100vh - #{$euiHeaderChildSize});
|
||||
background: $euiColorEmptyShade;
|
||||
|
||||
[ng-click] {
|
||||
cursor: pointer;
|
||||
|
|
|
@ -18,7 +18,8 @@
|
|||
}
|
||||
|
||||
.kbnDocViewer__content {
|
||||
margin: $euiSizeS 0 0 0;
|
||||
background-color: $euiColorEmptyShade;
|
||||
padding: $euiSizeS 0 0 0;
|
||||
}
|
||||
|
||||
.kbnDocViewer__buttons,
|
||||
|
|
|
@ -243,6 +243,7 @@ exports[`InspectorPanel should render as expected 1`] = `
|
|||
repositionOnScroll={true}
|
||||
>
|
||||
<EuiOutsideClickDetector
|
||||
isDisabled={true}
|
||||
onOutsideClick={[Function]}
|
||||
>
|
||||
<div
|
||||
|
|
|
@ -70,7 +70,6 @@ input[type="checkbox"],
|
|||
}
|
||||
|
||||
.application {
|
||||
background-color: $euiColorEmptyShade;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
display: flex;
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
border-bottom: 1px solid transparent;
|
||||
|
||||
.container-fluid {
|
||||
background-color: $euiColorLightestShade;
|
||||
background-color: $euiPageBackgroundColor;
|
||||
padding: $euiSizeS;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -26,7 +26,7 @@
|
|||
@mixin kibana-resizer($size: ($euiSizeM + 2px), $direction: horizontal) {
|
||||
display: flex;
|
||||
flex: 0 0 $size;
|
||||
background-color: $euiColorLightestShade;
|
||||
background-color: $euiPageBackgroundColor;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 0;
|
||||
|
|
|
@ -120,7 +120,7 @@
|
|||
},
|
||||
"dependencies": {
|
||||
"@elastic/datemath": "5.0.2",
|
||||
"@elastic/eui": "6.8.0",
|
||||
"@elastic/eui": "6.10.0",
|
||||
"@elastic/node-crypto": "0.1.2",
|
||||
"@elastic/node-phantom-simple": "2.2.4",
|
||||
"@elastic/numeral": "2.3.2",
|
||||
|
|
|
@ -34,6 +34,7 @@ export function apm(kibana) {
|
|||
euiIconType: 'apmApp',
|
||||
order: 8100
|
||||
},
|
||||
styleSheetPaths: resolve(__dirname, 'public/index.scss'),
|
||||
home: ['plugins/apm/register_feature'],
|
||||
injectDefaultVars(server) {
|
||||
const config = server.config();
|
||||
|
|
|
@ -70,9 +70,7 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
|
|||
className="euiScreenReaderOnly"
|
||||
role="status"
|
||||
>
|
||||
Below is a table of
|
||||
0
|
||||
items.
|
||||
Below is a table of 0 items.
|
||||
</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
|
@ -387,9 +385,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
|
|||
className="euiScreenReaderOnly"
|
||||
role="status"
|
||||
>
|
||||
Below is a table of
|
||||
4
|
||||
items.
|
||||
Below is a table of 4 items.
|
||||
</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
16
x-pack/plugins/apm/public/index.scss
Normal file
16
x-pack/plugins/apm/public/index.scss
Normal file
|
@ -0,0 +1,16 @@
|
|||
// Import the EUI global scope so we can use EUI constants
|
||||
@import 'ui/public/styles/_styling_constants';
|
||||
|
||||
/* APM plugin styles */
|
||||
|
||||
// Prefix all styles with "apm" to avoid conflicts.
|
||||
// Examples
|
||||
// apmChart
|
||||
// apmChart__legend
|
||||
// apmChart__legend--small
|
||||
// apmChart__legend-isLoading
|
||||
|
||||
.apmReactRoot {
|
||||
background-color: $euiColorEmptyShade;
|
||||
overflow-x: auto;
|
||||
}
|
|
@ -8,4 +8,4 @@
|
|||
</kbn-top-nav>
|
||||
</div>
|
||||
|
||||
<div id="react-apm-root" style="overflow-x: auto;"></div>
|
||||
<div id="react-apm-root" class="apmReactRoot"></div>
|
||||
|
|
|
@ -8,6 +8,4 @@ import styled from 'styled-components';
|
|||
|
||||
export const Background = styled.div`
|
||||
flex-grow: 1;
|
||||
height: 100vh;
|
||||
background: #f5f7fa;
|
||||
`;
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
.canvasLayout {
|
||||
display: flex;
|
||||
background: $euiColorLightestShade;
|
||||
background: $euiPageBackgroundColor;
|
||||
flex-grow: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
@ -54,7 +54,7 @@
|
|||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
width: 350px;
|
||||
background: darken($euiColorLightestShade, 2%);
|
||||
background: $euiColorLightestShade;
|
||||
display: flex;
|
||||
position: relative;
|
||||
|
||||
|
@ -67,6 +67,6 @@
|
|||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
width: 100%;
|
||||
background-color: $euiColorLightestShade;
|
||||
background-color: $euiPageBackgroundColor;
|
||||
z-index: $euiZNavigation;
|
||||
}
|
||||
|
|
|
@ -5,6 +5,6 @@
|
|||
}
|
||||
|
||||
.canvasTray__panel {
|
||||
background-color: $euiColorLightestShade;
|
||||
background-color: $euiPageBackgroundColor;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
.canvas.canvasContainer {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
background-color: $euiColorLightestShade;
|
||||
background-color: $euiPageBackgroundColor;
|
||||
}
|
||||
|
||||
.canvasContainer--loading {
|
||||
|
|
|
@ -14,6 +14,7 @@
|
|||
*/
|
||||
|
||||
.gphGraph__container {
|
||||
background: $euiColorEmptyShade;
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
width: calc(100% - #{$kbnGlobalNavClosedWidth}); /* 1 */
|
||||
|
|
|
@ -536,6 +536,7 @@ exports[`ilm summary extension should return extension when index has lifecycle
|
|||
withTitle={true}
|
||||
>
|
||||
<EuiOutsideClickDetector
|
||||
isDisabled={true}
|
||||
onOutsideClick={[Function]}
|
||||
>
|
||||
<div
|
||||
|
|
|
@ -1,9 +1,4 @@
|
|||
#indReactRoot, #indexManagementReactRoot {
|
||||
background-color: $euiColorLightestShade;
|
||||
}
|
||||
|
||||
.indTable {
|
||||
|
||||
// The index table is a bespoke table and can't make use of EuiBasicTable's width settings
|
||||
thead th.indTable__header--name {
|
||||
width: 25%;
|
||||
|
@ -25,4 +20,4 @@
|
|||
|
||||
.indDetail__codeBlock {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -37,6 +37,7 @@ export function infra(kibana: any) {
|
|||
listed: false,
|
||||
url: `/app/${APP_ID}#/home`,
|
||||
},
|
||||
styleSheetPaths: resolve(__dirname, 'public/index.scss'),
|
||||
home: ['plugins/infra/register_feature'],
|
||||
links: [
|
||||
{
|
||||
|
|
20
x-pack/plugins/infra/public/index.scss
Normal file
20
x-pack/plugins/infra/public/index.scss
Normal file
|
@ -0,0 +1,20 @@
|
|||
// Import the EUI global scope so we can use EUI constants
|
||||
@import 'ui/public/styles/_styling_constants';
|
||||
|
||||
/* Infra plugin styles */
|
||||
|
||||
// Prefix all styles with "inf" to avoid conflicts.
|
||||
// Examples
|
||||
// infChart
|
||||
// infChart__legend
|
||||
// infChart__legend--small
|
||||
// infChart__legend-isLoading
|
||||
|
||||
.infReactRoot {
|
||||
background-color: $euiColorEmptyShade;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
flex: 1 0 0%;
|
||||
overflow: hidden;
|
||||
}
|
|
@ -118,7 +118,7 @@ export class InfraKibanaFrameworkAdapter implements InfraFrameworkAdapter {
|
|||
template: `
|
||||
<div
|
||||
id="${ROOT_ELEMENT_ID}"
|
||||
style="display: flex; flex-direction: column; align-items: stretch; flex: 1 0 0%; overflow: hidden;"
|
||||
class="infReactRoot"
|
||||
></div>
|
||||
`,
|
||||
}));
|
||||
|
|
|
@ -333,6 +333,7 @@ exports[`TelemetryOptIn should display when telemetry not opted in 1`] = `
|
|||
panelPaddingSize="m"
|
||||
>
|
||||
<EuiOutsideClickDetector
|
||||
isDisabled={true}
|
||||
onOutsideClick={[Function]}
|
||||
>
|
||||
<div
|
||||
|
|
|
@ -327,38 +327,32 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
|
|||
onKeyDown={[Function]}
|
||||
tabIndex={0}
|
||||
>
|
||||
<EuiButtonIcon
|
||||
aria-label="Closes this modal window"
|
||||
className="euiModal__closeIcon"
|
||||
color="text"
|
||||
iconSize="m"
|
||||
iconType="cross"
|
||||
onClick={[Function]}
|
||||
type="button"
|
||||
<EuiI18n
|
||||
default="Closes this modal window"
|
||||
token="euiModal.closeModal"
|
||||
>
|
||||
<button
|
||||
<EuiButtonIcon
|
||||
aria-label="Closes this modal window"
|
||||
className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
|
||||
className="euiModal__closeIcon"
|
||||
color="text"
|
||||
iconSize="m"
|
||||
iconType="cross"
|
||||
onClick={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<EuiIcon
|
||||
aria-hidden="true"
|
||||
className="euiButtonIcon__icon"
|
||||
size="m"
|
||||
type="cross"
|
||||
<button
|
||||
aria-label="Closes this modal window"
|
||||
className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
|
||||
onClick={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<cross
|
||||
<EuiIcon
|
||||
aria-hidden="true"
|
||||
className="euiIcon euiIcon--medium euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
height="16"
|
||||
style={null}
|
||||
viewBox="0 0 16 16"
|
||||
width="16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className="euiButtonIcon__icon"
|
||||
size="m"
|
||||
type="cross"
|
||||
>
|
||||
<svg
|
||||
<cross
|
||||
aria-hidden="true"
|
||||
className="euiIcon euiIcon--medium euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
|
@ -368,14 +362,25 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
|
|||
width="16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z"
|
||||
/>
|
||||
</svg>
|
||||
</cross>
|
||||
</EuiIcon>
|
||||
</button>
|
||||
</EuiButtonIcon>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
className="euiIcon euiIcon--medium euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
height="16"
|
||||
style={null}
|
||||
viewBox="0 0 16 16"
|
||||
width="16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z"
|
||||
/>
|
||||
</svg>
|
||||
</cross>
|
||||
</EuiIcon>
|
||||
</button>
|
||||
</EuiButtonIcon>
|
||||
</EuiI18n>
|
||||
<div
|
||||
className="euiModal__flex"
|
||||
>
|
||||
|
|
|
@ -1,9 +1,10 @@
|
|||
.mapMapWrapper {
|
||||
background-color: $euiColorEmptyShade;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mapMapLayerPanel {
|
||||
background-color: $euiColorLightestShade;
|
||||
background-color: $euiPageBackgroundColor;
|
||||
width: 0;
|
||||
overflow: hidden;
|
||||
|
||||
|
|
|
@ -1 +0,0 @@
|
|||
@import './map_listing';
|
|
@ -1,5 +0,0 @@
|
|||
// Makes sure the listing page is full height with proper background
|
||||
map-listing, {
|
||||
min-height: 100vh;
|
||||
background-color: $euiColorLightestShade;
|
||||
}
|
|
@ -1,3 +1,12 @@
|
|||
.tab-settings,
|
||||
.tab-datavisualizer,
|
||||
.tab-timeseriesexplorer,
|
||||
.tab-explorer,
|
||||
.tab-jobs {
|
||||
// Make all page background white until More of the pages use EuiPage to wrap in panel-like components
|
||||
background-color: $euiColorEmptyShade;
|
||||
}
|
||||
|
||||
// These are hacks that were near ML's root. Unsure if they still need to be here.
|
||||
.tab-jobs,
|
||||
.edit-job-modal,
|
||||
|
|
|
@ -3,7 +3,6 @@
|
|||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding: $euiSizeS $euiSize;
|
||||
background-color: $euiColorLightestShade;
|
||||
flex: 1 0 auto;
|
||||
|
||||
.flexGroup__filler {
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
.ml-datavisualizer-selector {
|
||||
flex-grow: 1;
|
||||
background-color: $euiColorLightestShade;
|
||||
background-color: $euiPageBackgroundColor;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
|
|
@ -2,6 +2,6 @@
|
|||
|
||||
.file-datavisualizer-container {
|
||||
padding: 20px;
|
||||
background-color: $euiColorLightestShade;
|
||||
background-color: $euiPageBackgroundColor;
|
||||
min-height: calc(100vh - 70px);
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
.mlSettingsPage {
|
||||
|
||||
.mlSettingsPage__body {
|
||||
background: $euiColorLightestShade;
|
||||
background: $euiPageBackgroundColor;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
.mlCalendarManagement {
|
||||
background: $euiColorLightestShade;
|
||||
background: $euiPageBackgroundColor;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
.ml-filter-lists {
|
||||
background: $euiColorLightestShade;
|
||||
background: $euiPageBackgroundColor;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,12 +1,6 @@
|
|||
@import '@elastic/eui/src/components/header/variables';
|
||||
|
||||
#monitoring-app {
|
||||
// SASSTODO: We need background colors till more of Kibana is converted
|
||||
monitoring-main {
|
||||
background: $euiColorLightestShade;
|
||||
height: calc(100vh - #{$euiHeaderChildSize});
|
||||
}
|
||||
|
||||
// SASSTODO: PUI tooltips can be replaced with EuiToolTip
|
||||
.pui-tooltip-inner {
|
||||
font-size: $euiFontSizeXS;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
// Import the EUI global scope so we can use EUI constants
|
||||
@import 'ui/public/styles/_styling_constants';
|
||||
|
||||
/* Graph plugin styles */
|
||||
/* Spaces plugin styles */
|
||||
|
||||
// Prefix all styles with "spc" to avoid conflicts.
|
||||
// Examples
|
||||
|
|
|
@ -1,8 +1,3 @@
|
|||
#manageSpacesReactRoot {
|
||||
background: $euiColorLightestShade;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.spcManagePage__content {
|
||||
max-width: 640px;
|
||||
margin-left: auto;
|
||||
|
|
|
@ -1,4 +0,0 @@
|
|||
upgrade-assistant {
|
||||
flex-grow: 1;
|
||||
background-color: $euiColorLightestShade;
|
||||
}
|
|
@ -1,4 +1,3 @@
|
|||
@import 'ui/public/styles/_styling_constants';
|
||||
|
||||
@import './app';
|
||||
@import './components/index';
|
||||
|
|
|
@ -1,7 +1,4 @@
|
|||
threshold-watch-edit {
|
||||
flex: 1 0 auto;
|
||||
background-color: $euiColorLightestShade;
|
||||
|
||||
.thresholdWatchEditButtons {
|
||||
flex-direction:row-reverse;
|
||||
}
|
||||
|
|
|
@ -871,10 +871,10 @@
|
|||
tabbable "^1.1.0"
|
||||
uuid "^3.1.0"
|
||||
|
||||
"@elastic/eui@6.8.0":
|
||||
version "6.8.0"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-6.8.0.tgz#16152cb2b04ddc756bed5cadb525d27a8904ec42"
|
||||
integrity sha512-AnBgIpcEzpKrdbqYRIitU0kPN0fTgO2olOSaQqoKz8LUQButYLE9+ghV6c48K12UuuMQUK7m+qvyXt2z/5xCGQ==
|
||||
"@elastic/eui@6.10.0":
|
||||
version "6.10.0"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-6.10.0.tgz#4255e53c7481dd5170072a0bdf45eb796817c0b0"
|
||||
integrity sha512-yWEt/wbG3BtqaDAcPOS9Hkm8G2BftmP31wzr2Q/Dm+jpNhTA/fUs++1WFgaVvX/Vj9RsTgi8yx8PZHth8Metog==
|
||||
dependencies:
|
||||
"@types/lodash" "^4.14.116"
|
||||
"@types/numeral" "^0.0.25"
|
||||
|
|
Loading…
Reference in a new issue