| @@ -273,33 +273,27 function setPredecessorFieldsVisibility() { | |||
|
|
273 | 273 | } |
|
|
274 | 274 | |
|
|
275 | 275 | function showModal(id, width) { |
|
|
276 | el = $('#'+id).first(); | |
|
|
276 | var el = $('#'+id).first(); | |
|
|
277 | 277 | if (el.length == 0 || el.is(':visible')) {return;} |
|
|
278 | var h = $('body').height(); | |
|
|
279 | var d = document.createElement("div"); | |
|
|
280 | d.id = 'modalbg'; | |
|
|
281 | $(d).appendTo('#main').css('width', '100%').css('height', h + 'px').show(); | |
|
|
282 | ||
|
|
283 | var pageWidth = $(window).width(); | |
|
|
284 | if (width) { | |
|
|
285 | el.css('width', width); | |
|
|
286 | } | |
|
|
287 | el.css('left', (((pageWidth - el.width())/2 *100) / pageWidth) + '%'); | |
|
|
288 | el.addClass('modal'); | |
|
|
289 | el.show(); | |
|
|
290 | ||
|
|
278 | var title = el.find('h3.title').text(); | |
|
|
279 | el.dialog({ | |
|
|
280 | width: width, | |
|
|
281 | modal: true, | |
|
|
282 | resizable: false, | |
|
|
283 | dialogClass: 'modal', | |
|
|
284 | title: title | |
|
|
285 | }); | |
|
|
291 | 286 | el.find("input[type=text], input[type=submit]").first().focus(); |
|
|
292 | 287 | } |
|
|
293 | 288 | |
|
|
294 | 289 | function hideModal(el) { |
|
|
295 | 290 | var modal; |
|
|
296 | 291 | if (el) { |
|
|
297 |
modal = $(el).parents(' |
|
|
|
292 | modal = $(el).parents('.ui-dialog-content'); | |
|
|
298 | 293 | } else { |
|
|
299 | 294 | modal = $('#ajax-modal'); |
|
|
300 | 295 | } |
|
|
301 |
modal. |
|
|
|
302 | $('#modalbg').remove(); | |
|
|
296 | modal.dialog("close"); | |
|
|
303 | 297 | } |
|
|
304 | 298 | |
|
|
305 | 299 | function submitPreview(url, form, target) { |
| @@ -91,12 +91,9 html>body #content { min-height: 600px; } | |||
|
|
91 | 91 | #login-form label {font-weight: bold;} |
|
|
92 | 92 | #login-form input#username, #login-form input#password { width: 300px; } |
|
|
93 | 93 | |
|
|
94 | #modalbg {position:absolute; top:0; left:0; width:100%; height:100%; background:#ccc; z-index:49; opacity:0.5;} | |
|
|
95 | html>body #modalbg {position:fixed;} | |
|
|
96 | div.modal { border-radius:5px; position:absolute; top:25%; background:#fff; border:2px solid #759FCF; z-index:50; padding:0px; padding:8px; box-shadow: 1px 1px 8px #888; } | |
|
|
97 | div.modal h3.title {background:#759FCF; color:#fff; border:0; padding-left:8px; margin:-8px; margin-bottom: 1em; border-top-left-radius:2px;border-top-right-radius:2px;} | |
|
|
94 | div.modal { border-radius:5px; background:#fff; z-index:50; padding:4px;} | |
|
|
95 | div.modal h3.title {display:none;} | |
|
|
98 | 96 | div.modal p.buttons {text-align:right; margin-bottom:0;} |
|
|
99 | html>body div.modal {position:fixed;} | |
|
|
100 | 97 | |
|
|
101 | 98 | input#openid_url { background: url(../images/openid-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; padding-left: 18px; } |
|
|
102 | 99 | |
General Comments 0
You need to be logged in to leave comments.
Login now