github/jquery-ui
1
1
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2026-04-20 03:02:41 -04:00
Code Issues Packages Projects Releases Wiki Activity

Dialog: Restrict title to a single line. Fixes #7773 - Dialog: If titlebar changes height during resize, button pane positioning changes.

Browse Source
This commit is contained in:
Jörn Zaefferer
2012-12-02 12:50:17 +01:00
parent 5ba267e7c7
commit bdb0fbe993
2 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
tests/visual/dialog/complex-dialogs.html
View File

@@ -20,6 +20,11 @@
<script src="../../../ui/jquery.ui.autocomplete.js"></script>
<script src="../../../ui/jquery.ui.tooltip.js"></script>
<style>
body {
font-size: 62.5%;
}
</style>
<script>
$(function() {
var dialog = $( "#dialog" ).dialog({
@@ -98,7 +103,7 @@
<button id="open-dialog">Reopen dialog</button>
<div id="dialog" title="Basic dialog">
<div id="dialog" title="Basic dialog, but with a really long title that doesn't quite fit.">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
<p><button id="open-datepicker">Open another window with a datepicker.</button></p>
<p><button id="destroy-dialog">Self destruct</button></p>

4
themes/base/jquery.ui.dialog.css vendored
View File

@@ -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;