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

View File

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

View File

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