mirror of
https://github.com/grafana/grafana.git
synced 2025-02-11 08:05:43 -06:00
68457f5636
Adds a new menu item to panels, Copy to Clipboard, that will both copy the panel json to the clipboard and temporarily store the panel object in the browsers window object. The temporarily stored panel object are available in Add Panel from any dashboard for as long you don't refresh the browser. Fixes #10248, #1004
72 lines
1.1 KiB
SCSS
72 lines
1.1 KiB
SCSS
.add-panel {
|
|
height: 100%;
|
|
}
|
|
|
|
.add-panel__header {
|
|
padding: 5px 15px;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
i {
|
|
font-size: 30px;
|
|
margin-right: $spacer;
|
|
}
|
|
}
|
|
|
|
.add-panel__title {
|
|
font-size: $font-size-md;
|
|
margin-right: $spacer/2;
|
|
}
|
|
|
|
.add-panel__sub-title {
|
|
font-style: italic;
|
|
color: $text-muted;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
|
|
.add-panel__items {
|
|
padding: 3px 8px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
overflow: auto;
|
|
height: calc(100% - 43px);
|
|
align-content: flex-start;
|
|
justify-content: space-around;
|
|
position: relative;
|
|
}
|
|
|
|
.add-panel__item {
|
|
background: $card-background;
|
|
box-shadow: $card-shadow;
|
|
|
|
border-radius: 3px;
|
|
padding: $spacer/3 $spacer;
|
|
width: 31%;
|
|
height: 60px;
|
|
text-align: center;
|
|
margin: $gf-form-margin;
|
|
cursor: pointer;
|
|
|
|
&.active,
|
|
&:hover {
|
|
background: $card-background-hover;
|
|
}
|
|
}
|
|
|
|
.add-panel__item-name {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
font-size: $font-size-sm;
|
|
}
|
|
|
|
.add-panel__item-img {
|
|
height: calc(100% - 15px);
|
|
}
|
|
|
|
.add-panel__item-icon {
|
|
padding: 2px;
|
|
}
|