diff --git a/public/app/plugins/panel/pluginlist/module.html b/public/app/plugins/panel/pluginlist/module.html index 5dd7ca54c40..b8989f3040e 100644 --- a/public/app/plugins/panel/pluginlist/module.html +++ b/public/app/plugins/panel/pluginlist/module.html @@ -1,18 +1,31 @@ -
-
- - - - {{plugin.name}} + diff --git a/public/dashboards/home.json b/public/dashboards/home.json index 1d57a37edfe..5825f849375 100644 --- a/public/dashboards/home.json +++ b/public/dashboards/home.json @@ -39,7 +39,7 @@ "limit": 10, "mode": "starred", "query": "", - "span": 6, + "span": 3.75, "tags": [], "title": "Starred dashboards", "type": "dashlist" @@ -49,10 +49,20 @@ "limit": 10, "mode": "recently viewed", "query": "", - "span": 6, + "span": 3.75, "tags": [], "title": "Recently viewed dashboards", "type": "dashlist" + }, + { + "title": "", + "error": false, + "span": 4.5, + "editable": true, + "type": "pluginlist", + "isNew": true, + "id": 4, + "links": [] } ], "title": "Row" diff --git a/public/sass/_grafana.scss b/public/sass/_grafana.scss index 900d0c00f80..460adebb9da 100644 --- a/public/sass/_grafana.scss +++ b/public/sass/_grafana.scss @@ -42,6 +42,7 @@ @import "components/panel_graph"; @import "components/submenu"; @import "components/panel_dashlist"; +@import "components/panel_pluginlist"; @import "components/panel_singlestat"; @import "components/panel_table"; @import "components/panel_text"; diff --git a/public/sass/components/_cards.scss b/public/sass/components/_cards.scss index 08baf146c93..76626566245 100644 --- a/public/sass/components/_cards.scss +++ b/public/sass/components/_cards.scss @@ -116,6 +116,10 @@ padding: 0 1.5rem 1.5rem 0rem; } + .card-item-wrapper--clickable { + cursor: pointer; + } + .card-item-figure { margin: 0 $spacer $spacer 0; height: 6rem; @@ -157,6 +161,10 @@ width: 100%; } + .card-item-wrapper--clickable { + cursor: pointer; + } + .card-item { border-bottom: .2rem solid $page-bg; border-radius: 0; @@ -186,4 +194,3 @@ margin-right: 0; } } - diff --git a/public/sass/components/_panel_pluginlist.scss b/public/sass/components/_panel_pluginlist.scss new file mode 100644 index 00000000000..90177b101f3 --- /dev/null +++ b/public/sass/components/_panel_pluginlist.scss @@ -0,0 +1,60 @@ +.pluginlist-section-header { + margin: ($spacer * 2) 0 $spacer 0; + color: $text-color-weak; +} + +.pluginlist-section-header--first { + margin-top: $spacer /2; +} + +.pluginlist-link { + display: block; + margin: 5px; + padding: 7px; + background-color: $tight-form-bg; + + &:hover { + background-color: $tight-form-func-bg; + } +} + +.pluginlist-icon { + vertical-align: sub; + font-size: $font-size-h1; + margin-right: $spacer / 2; +} + +.pluginlist-image { + width: 20px; +} + +.pluginlist-title { + margin-right: $spacer / 3; +} + +.pluginlist-version { + font-size: $font-size-sm; + color: $text-color-weak; +} + +.pluginlist-message { + float: right; + font-size: $font-size-sm; +} + +.pluginlist-message--enable{ + color: $brand-success; +} + +.pluginlist-message--no-update { + color: $text-color-weak; +} + +.pluginlist-emphasis { + font-weight: 600; +} + +.pluginlist-none-installed { + color: $text-color-weak; + font-size: $font-size-sm; +}