Deconcatenate selectors in Pipelines and Timelion. (#8922)

This commit is contained in:
CJ Cenizal 2016-11-01 11:24:12 -07:00 committed by GitHub
parent 19db0a95fe
commit 69849b0246
7 changed files with 70 additions and 72 deletions

View file

@ -1,13 +1,13 @@
processor-ui-geoip {
.advanced-section {
margin-top: 15px;
}
&-heading{
.btn {
background-color: transparent;
color: black;
border: transparent;
}
.advanced-section-heading {
.btn {
background-color: transparent;
color: black;
border: transparent;
}
}
}

View file

@ -53,18 +53,18 @@ pipeline-setup {
.add-processor {
padding:10px;
margin-bottom: 10px;
}
&-dropdown {
display: flex;
justify-content: flex-start;
align-items: center;
.add-processor-dropdown {
display: flex;
justify-content: flex-start;
align-items: center;
select.form-control {
background-color: @settings-filebeat-wizard-processor-select-bg;
border: none;
width: auto;
margin-right: 5px;
}
select.form-control {
background-color: @settings-filebeat-wizard-processor-select-bg;
border: none;
width: auto;
margin-right: 5px;
}
}

View file

@ -13,11 +13,6 @@ processor-ui-container {
overflow: hidden;
position: relative;
&-content {
padding: 10px;
background-color: white;
}
.overlay {
display: none;
position: absolute;
@ -36,6 +31,11 @@ processor-ui-container {
}
}
.processor-ui-container-body-content {
padding: 10px;
background-color: white;
}
label {
font-weight: normal;
}

View file

@ -15,33 +15,33 @@ processor-ui-container-header {
width: 22px;
border-radius: 4px;
}
}
&-toggle {
flex: 0 0 auto;
margin-right: 5px;
.processor-ui-container-header-toggle {
flex: 0 0 auto;
margin-right: 5px;
}
.processor-ui-container-header-title {
flex: 1 1 auto;
.ellipsis();
font-weight: bold;
.processor-title {
width: 100%;
}
&-title {
flex: 1 1 auto;
.ellipsis();
.processor-description {
font-weight: normal;
}
.processor-description.danger {
font-weight: bold;
.processor-title {
width: 100%;
}
.processor-description {
font-weight: normal;
}
.processor-description.danger {
font-weight: bold;
color: @brand-danger;
}
}
&-controls {
flex: 0 0 auto;
color: @brand-danger;
}
}
.processor-ui-container-header-controls {
flex: 0 0 auto;
}
}

View file

@ -1,13 +1,11 @@
.chart {
&-top-title {
flex: 0;
text-align: center;
font-weight: bold;
font-size: 11px;
}
&-canvas {
min-width: 100%;
flex: 1;
}
.chart-top-title {
flex: 0;
text-align: center;
font-weight: bold;
font-size: 11px;
}
.chart-canvas {
min-width: 100%;
flex: 1;
}

View file

@ -16,17 +16,6 @@
border-bottom: 1px solid @gray-lighter;
padding: 5px 20px;
&-details {
background-color: @body-bg;
padding: 10px;
border-radius: @border-radius-base;
> table {
color: @text-color;
margin-bottom: 0px;
}
}
&:hover {
background-color: @gray-lighter;
}
@ -35,4 +24,15 @@
background-color: @gray-lighter;
}
}
.suggestion-details {
background-color: @body-bg;
padding: 10px;
border-radius: @border-radius-base;
> table {
color: @text-color;
margin-bottom: 0px;
}
}
}

View file

@ -14,12 +14,12 @@
display: flex;
flex-direction: column;
}
}
&-editor-expression {
position: relative;
.timelion-vis-editor-expression {
position: relative;
.suggestions {
position: absolute;
}
.suggestions {
position: absolute;
}
}