Fixed explore query editor styling issues

This commit is contained in:
Torkel Ödegaard
2019-01-29 14:36:09 +01:00
parent 6dad4cce07
commit 8b70a8dd50
3 changed files with 13 additions and 13 deletions

View File

@@ -257,6 +257,7 @@ class PromQueryField extends React.PureComponent<PromQueryFieldProps, PromQueryF
syntaxLoaded={syntaxLoaded}
/>
</div>
</div>
{error ? <div className="prom-query-field-info text-error">{error}</div> : null}
{hint ? (
<div className="prom-query-field-info text-warning">
@@ -268,7 +269,6 @@ class PromQueryField extends React.PureComponent<PromQueryFieldProps, PromQueryF
) : null}
</div>
) : null}
</div>
</>
);
}

View File

@@ -5,7 +5,7 @@ $input-border: 1px solid $input-border-color;
margin-bottom: $gf-form-margin;
display: flex;
flex-direction: row;
align-items: center;
align-items: flex-start;
text-align: left;
position: relative;

View File

@@ -9,7 +9,7 @@
position: relative;
display: inline-block;
padding: $input-padding-y $input-padding-x;
height: $gf-form-input-height;
min-height: $gf-form-input-height;
width: 100%;
cursor: text;
line-height: $line-height-base;