From bdb0fbe993ab4c716f3cbc6f2c08072bf512115f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=B6rn=20Zaefferer?= Date: Sun, 2 Dec 2012 12:50:17 +0100 Subject: [PATCH] Dialog: Restrict title to a single line. Fixes #7773 - Dialog: If titlebar changes height during resize, button pane positioning changes. --- tests/visual/dialog/complex-dialogs.html | 7 ++++++- themes/base/jquery.ui.dialog.css | 4 ++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/tests/visual/dialog/complex-dialogs.html b/tests/visual/dialog/complex-dialogs.html index 5cd9271aef2..9cc2d1416c4 100644 --- a/tests/visual/dialog/complex-dialogs.html +++ b/tests/visual/dialog/complex-dialogs.html @@ -20,6 +20,11 @@ + $(function() { var dialog = $( "#dialog" ).dialog({ @@ -98,7 +103,7 @@ -
+

This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.

diff --git a/themes/base/jquery.ui.dialog.css b/themes/base/jquery.ui.dialog.css index 986ce8604dd..370c95da560 100644 --- a/themes/base/jquery.ui.dialog.css +++ b/themes/base/jquery.ui.dialog.css @@ -24,6 +24,10 @@ .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; + white-space: nowrap; + width: 90%; + overflow: hidden; + text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute;