You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

167 lines
4.1 KiB

@font-face {
font-family: 'icokate';
src: url('icokate.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'codicon';
src: url('../../build/fonts/codicon.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
[class^="icon-itsi-icon-"]:before,
[class*=" icon-itsi-icon-"]:before {
font-family: 'icokate';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-itsi-icon-tool:before {
content: "\e909";
}
.icon-itsi-icon-sortby:before {
content: "\e906";
}
.icon-itsi-icon-distro-stream:before {
content: "\e614";
}
/*
* Probably not the best place for this class but its a common CSS file imported everywhere.
* Goal would be to import this common CSS class when it's going to be defined in SplunkUI
* or SplunkWebCore in a near future hopefully
*/
.table-hidden-caption {
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
}
.control-dispatcher-wrapper-inline {
display: inline-block;
}
.custom-control-group-control-wrapper {
margin-right: 10px;
max-width: 100%;
flex-grow: 1;
}
.control-dispatcher-tooltip {
max-width: 200px;
}
.custom-control-group-control-wrapper:last-of-type {
margin-right: 0;
}
div[data-test="control-group"] label[data-test="label"],
.control-dispatcher-wrapper label {
margin-bottom: 0;
}
/*
* CSS rules to make sure the bootstrap.css does not override the SUI Text and other
* components (like Select, Number etc) styles
* Ref: ITSI-19733 as a part of SUI 4 upgrade
*/
input[data-test="textbox"],
input[type="text"][data-test="disabled-textbox"],
textarea[data-test="textbox"] {
margin-bottom: 0;
box-shadow: none !important;
border: none !important;
}
input[disabled], input[readonly],
select[disabled], select[readonly],
textarea[disabled], textarea[readonly] {
background-color: unset;
}
textarea[data-test="textbox"] {
height: 51px;
min-height: 51px;
resize: vertical !important;
}
[data-test="layer-container"] [data-test="text-area"] span {
padding-left: 0;
}
[data-test="layer-container"] input[type="text"],
[data-test="layer-container"] input[type="url"],
[data-test="layer-container"] textarea[type="text"],
[data-test="layer-container"] input[data-test="textbox"],
[data-test="layer-container"] input[type="text"][data-test="disabled-textbox"],
[data-test="layer-container"] textarea[data-test="textbox"] {
padding: 5px 8px !important;
}
input[data-test="textbox"][aria-invalid="true"]::placeholder,
textarea[data-test="textbox"][aria-invalid="true"]::placeholder {
color: #dc4e41;
}
[data-test="combo-box"] > input[data-test="textbox"],
[data-test="select"] > input[data-test="textbox"],
[data-test="multiselect"] > input[data-test="textbox"] {
height: auto !important;
}
div[data-test="text"] > span {
border-color: #818d99 !important;
}
div[data-test="combo-box"] > span,
div[data-test="date"] > span,
div[data-test="number"] > span,
div[data-test="text"] > span {
padding-left: 0;
padding-right: 0;
}
div[data-test="text"] > span[disabled] input {
margin-bottom: 0;
}
div > button[data-test="clear"] {
border: none;
background: none !important;
}
[data-test="radio-bar"] [data-test="option"] {
margin-left: 0 !important;
}
/* Match the background of each page to defaults pre SUI upgrade */
body {
background: #ffffff;
color: #3c444d;
margin: 0;
}
/*
* Match the height of the component to the up and down controls
*/
div[data-test="number"] {
height: 30px;
}
div[data-test="earliest-number"] {
height: 32px;
}
/* Match the box-shadow on autofill of each page to defaults pre SUI upgrade */
input:-webkit-autofill,
input:-webkit-autofill:active {
box-shadow: 0 0 0 100px white inset !important;
transition: none !important;
}
td[data-test-base-lister="table-cell-title"] span[data-test="tooltip"] {
display: grid;
}
td[data-test-base-lister="table-cell-actions"] button[data-test-base-lister="actions-button"] {
margin: 2px 0;
}