mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
4a523c3248
* Create sorting button and functionality * Set up logs ordering * Add tests * Refactor * Refactor * Replace new button with old * Move SortOrder enum to grafana/data * Update SortOrder in test * Update context based on sort order of logs * Update used method for panel, update tests * Rename prop to logsSortOrder * Memoize resuults * Add title too button * Add disablinng of button for 1sec * Update wordiing * Update packages/grafana-data/src/utils/logs.ts Co-authored-by: Zoltán Bedi <zoltan.bedi@gmail.com> * Update packages/grafana-data/src/utils/logs.ts Co-authored-by: Zoltán Bedi <zoltan.bedi@gmail.com> * Update test by reordering logs * Clear timers, add button flipping title Co-authored-by: Zoltán Bedi <zoltan.bedi@gmail.com>
35 lines
636 B
SCSS
35 lines
636 B
SCSS
$column-horizontal-spacing: 10px;
|
|
|
|
.logs-panel-options {
|
|
display: flex;
|
|
background-color: $page-bg;
|
|
padding: $space-sm $space-md $space-sm $space-md;
|
|
border-radius: $border-radius;
|
|
margin: $space-md 0 $space-sm;
|
|
border: $panel-border;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.logs-panel-controls {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
flex-wrap: wrap;
|
|
.logs-panel-controls-main {
|
|
display: flex;
|
|
justify-items: flex-start;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
|
|
> * {
|
|
margin-right: $spacer * 2;
|
|
}
|
|
}
|
|
}
|
|
|
|
.logs-panel-nodata {
|
|
> * {
|
|
margin-left: 0.5em;
|
|
}
|
|
}
|