From 861093fd5c53f4f115686fdb1fb91ba588944c25 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sascha=20I=C3=9Fbr=C3=BCcker?= Date: Fri, 11 Apr 2025 11:14:20 +0200 Subject: [PATCH] docs: dashboard widget title wrapping --- articles/components/dashboard/styling.adoc | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/articles/components/dashboard/styling.adoc b/articles/components/dashboard/styling.adoc index 9141899950..e168105c0d 100644 --- a/articles/components/dashboard/styling.adoc +++ b/articles/components/dashboard/styling.adoc @@ -103,6 +103,17 @@ Drag handle / Move button:: `vaadin-dashboard-widget++++++**::part(move-but Remove button:: `vaadin-dashboard-widget++++++**::part(remove-button)**` Resize handle / button:: `vaadin-dashboard-widget++++++**::part(resize-button)**` +==== Wrapping Widget Titles + +By default, widget titles do not wrap if they overflow the width of the widget, but are simply truncated with ellipsis. Widget titles can be configured to wrap using the following CSS: + +[source,css] +---- +vaadin-dashboard-widget::part(title) { + white-space: unset; + text-overflow: unset; +} +---- === Sections