mirror of
https://github.com/grafana/grafana.git
synced 2024-12-01 13:09:22 -06:00
8f62e42554
* feat(grafana-ui): badge can accept react node for text, add shield-exclamation to icons * feat(plugins): add PluginSignatureType type * feat(pluginpage): introduce PluginSignatureDetailsBadge. Fix sidebar icon margin * feat(pluginlistpage): update filterinput placeholder, introduce filter by plugin type
58 lines
937 B
SCSS
58 lines
937 B
SCSS
.sidebar-content {
|
|
width: calc(100% - #{$page-sidebar-width + $page-sidebar-margin}); // sidebar width + margin
|
|
}
|
|
|
|
.sidebar-container {
|
|
@include media-breakpoint-up(md) {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
}
|
|
|
|
.page-sidebar {
|
|
@include media-breakpoint-up(md) {
|
|
width: $page-sidebar-width;
|
|
margin-left: $page-sidebar-margin;
|
|
}
|
|
}
|
|
|
|
.page-sidebar-section {
|
|
margin-bottom: $spacer * 2;
|
|
}
|
|
|
|
.get-more-plugins-link {
|
|
color: $gray-3;
|
|
font-size: $font-size-sm;
|
|
position: relative;
|
|
top: $space-md;
|
|
|
|
&:hover {
|
|
color: $link-hover-color;
|
|
}
|
|
|
|
img {
|
|
vertical-align: top;
|
|
}
|
|
}
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
.get-more-plugins-link {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.plugin-info-list-item {
|
|
white-space: nowrap;
|
|
max-width: $page-sidebar-width;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
|
|
img,
|
|
i {
|
|
width: 16px;
|
|
margin-right: 4px;
|
|
margin-bottom: 1px;
|
|
}
|
|
}
|