mirror of
https://github.com/grafana/grafana.git
synced 2025-02-14 09:33:34 -06:00
d06b26de26
Adds a datasource selector to the Explore UI. Only datasource plugins that have `explore: true` in their `plugin.json` can be selected. - adds datasource selector (based on react-select) to explore UI - adds getExploreSources to datasource service - new `explore` flag in datasource plugins model - Prometheus plugin enabled explore
100 lines
1.3 KiB
SCSS
100 lines
1.3 KiB
SCSS
.explore {
|
|
width: 100%;
|
|
|
|
&-container {
|
|
padding: 2rem;
|
|
}
|
|
|
|
&-wrapper {
|
|
display: flex;
|
|
|
|
> .explore-split {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
// Push split button a bit
|
|
.explore-first-button {
|
|
margin-left: 15px;
|
|
}
|
|
|
|
// Graph panel needs a bit extra padding at top
|
|
.panel-container {
|
|
padding: $panel-padding;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
// Make sure wrap buttons around on small screens
|
|
.navbar {
|
|
flex-wrap: wrap;
|
|
height: auto;
|
|
}
|
|
|
|
.navbar-page-btn {
|
|
margin-right: 1rem;
|
|
|
|
// Explore icon in header
|
|
.fa {
|
|
font-size: 100%;
|
|
opacity: 0.75;
|
|
margin-right: 0.5em;
|
|
}
|
|
}
|
|
|
|
// Toggle mode
|
|
.navbar-button.active {
|
|
color: $btn-active-text-color;
|
|
background-color: $btn-active-bg;
|
|
}
|
|
|
|
.elapsed-time {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 3.5rem;
|
|
text-align: center;
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
.graph-legend {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.datasource-picker {
|
|
min-width: 6rem;
|
|
}
|
|
|
|
.timepicker {
|
|
display: flex;
|
|
|
|
&-rangestring {
|
|
margin-left: 0.5em;
|
|
}
|
|
}
|
|
|
|
.run-icon {
|
|
margin-left: 0.5em;
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.relative {
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
.explore + .explore {
|
|
border-left: 1px dotted $table-border;
|
|
}
|
|
|
|
.query-row {
|
|
display: flex;
|
|
|
|
& + & {
|
|
margin-top: 0.5rem;
|
|
}
|
|
}
|
|
|
|
.query-row-tools {
|
|
width: 4rem;
|
|
}
|