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;
+}