IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

explore logs options styling

Browse Source
This commit is contained in:
Torkel Ödegaard 2018-12-07 17:23:35 +01:00
parent bfbb44af03
commit cb59f388ca
2 changed files with 14 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
public/app/features/explore/Logs.tsx
View File

@ -441,21 +441,21 @@ export default class Logs extends PureComponent<LogsProps, LogsState> {
</ToggleButton>
))}
</ToggleButtonGroup>
{hasData &&
meta && (
<div className="logs-panel-meta">
{meta.map(item => (
<div className="logs-panel-meta__item" key={item.label}>
<span className="logs-panel-meta__label">{item.label}:</span>
<span className="logs-panel-meta__value">{renderMetaItem(item.value, item.kind)}</span>
</div>
))}
</div>
)}
</div>
</div>
{hasData &&
meta && (
<div className="logs-panel-meta">
{meta.map(item => (
<div className="logs-panel-meta__item" key={item.label}>
<span className="logs-panel-meta__label">{item.label}:</span>
<span className="logs-panel-meta__value">{renderMetaItem(item.value, item.kind)}</span>
</div>
))}
</div>
)}
<div className="logs-rows">
{hasData &&
!deferLogs &&

6
public/sass/components/_panel_logs.scss
View File

@ -6,7 +6,7 @@ $column-horizontal-spacing: 10px;
padding: $panel-padding;
padding-top: 10px;
border-radius: $border-radius;
margin: 2*$panel-margin 0;
margin: 2*$panel-margin 0 $panel-margin;
border: $panel-border;
flex-direction: column;
}
@ -31,8 +31,7 @@ $column-horizontal-spacing: 10px;
.logs-panel-meta {
flex: 1;
color: $text-color-weak;
// Align first line with controls labels
margin-top: -2px;
margin-bottom: 10px;
min-width: 30%;
display: flex;
}
@ -40,7 +39,6 @@ $column-horizontal-spacing: 10px;
.logs-panel-meta__item {
margin-right: 1em;
display: flex;
flex-direction: column;
}
.logs-panel-meta__label {