..F....... [ZBXNEXT-7125] added widget view with test data

2 files changed, 38 insertions, 0 deletions

diff --git a/sass/stylesheets/sass/components/dashboard/_widget-tophosts.scss b/sass/stylesheets/sass/components/dashboard/_widget-tophosts.scss
new file mode 100644
index 00000000000..86479699b63
--- /dev/null
+++ b/sass/stylesheets/sass/components/dashboard/_widget-tophosts.scss
@@ -0,0 +1,37 @@
+// Widget configuration.
+
+form.dashboard-grid-widget-tophosts {
+	$width-small: 150px;
+
+	#list_columns .text {
+		@extend %overflow-ellipsis;
+		max-width: $width-small;
+	}
+
+	#column {
+		max-width: $width-small;
+	}
+}
+
+// Widget view.
+
+div.dashboard-grid-widget-tophosts {
+	$bar-gauge-height: 20px;
+
+	td {
+		line-height: $bar-gauge-height;
+	}
+
+	.link-action {
+		white-space: nowrap;
+	}
+
+	.item-value {
+		text-align: center;
+	}
+
+	z-bar-gauge {
+		min-width: 64px;
+		height: $bar-gauge-height;
+	}
+}
diff --git a/sass/stylesheets/sass/screen.scss b/sass/stylesheets/sass/screen.scss
index bc097ea35d4..36928cd759e 100644
--- a/sass/stylesheets/sass/screen.scss
+++ b/sass/stylesheets/sass/screen.scss
@@ -30,6 +30,7 @@ $browser-sprite-path: '../img/browser-sprite.png?20200407';
 @import "components/buttons";
 @import "components/dashboard/dashboard";
 @import "components/dashboard/widget-item";
+@import "components/dashboard/widget-tophosts";
 @import "components/diff";
 @import "components/form-search";
 @import "components/inline-filter";