Fixed layout of contacts/calendars import dialogs

maint-2.0.2
Francis Lachapelle 2012-09-24 12:18:18 -04:00
parent 9bb897cea3
commit c1fba4805e
5 changed files with 29 additions and 32 deletions

View File

@ -31,18 +31,19 @@
<div id="uploadDialog" style="display: none" class="dialog left">
<div>
<h3><var:string label:value="Import Cards"/></h3>
<p><var:string label:value="Select a vCard or LDIF file."/></p>
<p class="prompt"><var:string label:value="Select a vCard or LDIF file."/></p>
<form const:href="" name="uploadForm" id="uploadForm" method="post"
enctype="multipart/form-data"
onsubmit="return AIM.submit(this, {'onStart' : validateUploadForm,
'onComplete' : uploadCompleted})">
<p><input type="file" name="contactsFile" id="contactsFile" /></p>
<p><a href="#" class="button actionButton" id="uploadSubmit"
<p class="prompt"><input type="file" name="contactsFile" id="contactsFile" class="textField" />
<a href="#" class="button actionButton" id="uploadSubmit"
onclick="if($('uploadForm').onsubmit()) $('uploadForm').submit()">
<span><var:string label:value="Upload" /></span></a>
<a href="#" class="button" const:id="uploadCancel">
<span><var:string label:value="Cancel" /></span></a></p>
</form>
<hr/>
</div>
</div>
@ -52,6 +53,7 @@
<p id="uploadResultsContent"><!-- empty --></p>
<p><a href="#" class="button" const:id="uploadOK">
<span><var:string label:value="Done" /></span></a></p>
<hr/>
</div>
</div>

View File

@ -107,27 +107,29 @@
<div id="uploadDialog" style="display: none" class="dialog left">
<div>
<h3><var:string label:value="Import Events"/></h3>
<p><var:string label:value="Select an iCalendar file (.ics)."/></p>
<p class="prompt"><var:string label:value="Select an iCalendar file (.ics)."/></p>
<form const:href="" name="uploadForm" id="uploadForm" method="post"
enctype="multipart/form-data"
onsubmit="return AIM.submit(this, {'onStart' : validateUploadForm,
'onComplete' : uploadCompleted})">
<p><input type="file" name="calendarFile" id="calendarFile" /></p>
<p><a href="#" class="button actionButton" id="uploadSubmit"
<p class="prompt"><input type="file" name="calendarFile" class="textField" id="calendarFile" />
<a href="#" class="button actionButton" id="uploadSubmit"
onclick="if($('uploadForm').onsubmit()) $('uploadForm').submit()">
<span><var:string label:value="Upload" /></span></a>
<a href="#" class="button" const:id="uploadCancel">
<span><var:string label:value="Cancel" /></span></a></p>
</form>
<a href="#" class="button" const:id="uploadCancel">
<span><var:string label:value="Cancel" /></span></a>
</p></form>
<hr/>
</div>
</div>
<div id="uploadResults" style="display: none" class="dialog left">
<div>
<h3><var:string label:value="Import Events"/></h3>
<p id="uploadResultsContent"><!-- empty --></p>
<p><a href="#" class="button" const:id="uploadOK">
<p><span id="uploadResultsContent"><!-- empty --></span>
<a href="#" class="button" const:id="uploadOK">
<span><var:string label:value="Done" /></span></a></p>
<hr/>
</div>
</div>

View File

@ -701,7 +701,7 @@ function onViewEventCallback(http) {
var divDimensions = div.getDimensions();
var view;
var left = cellPosition[0];
var top = cellPosition[1];
var top = cellPosition[1] - 5;
if (currentView != "monthview") {
view = $("daysView");

View File

@ -596,6 +596,9 @@ DIV.dialog
DIV.dialog > DIV
{ padding: 5px 10px; }
.dialog.left > DIV {
padding-right: 5px;
}
.dialog.left > DIV:before {
content: '';
display: inline-block;
@ -618,6 +621,9 @@ DIV.dialog > DIV
top: 7px;
}
.dialog.right > DIV {
padding-left: 5px;
}
.dialog.right > DIV:before {
content: '';
display: inline-block;
@ -658,14 +664,14 @@ DIV.dialog HR
color: #fff;
border: 0px; }
DIV.dialog.none H3
DIV.dialog H3
{ margin: 0; }
DIV.dialog.none P
{ margin: 0px;
padding: 5px 0px; }
DIV.dialog.none P.prompt
DIV.dialog P.prompt
{ text-align: right; }
DIV.dialog P.list
@ -695,20 +701,6 @@ DIV#bgDialogDiv
background: -webkit-radial-gradient(ellipse cover,rgba(0, 0, 0, .1) 0,rgba(0, 0, 0, .1) 20%,rgba(0, 0, 0, .7) 80%);
background: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, .1)); }
DIV#uploadDialog,
DIV#uploadResults
{ border-width: 1px;
width: 260px; }
DIV#uploadDialog DIV,
DIV#uploadResults DIV
{ width: 260px; }
DIV#uploadDialog H3,
DIV#uploadResults H3
{ margin-top: 0px;
font-size: 1.2em; }
/* INPUT styles */
TEXTAREA
{ vertical-align: top; }

View File

@ -205,10 +205,11 @@ DIV#listEditor TABLE TBODY TR TD:first-child
A#aboutClose
{ top: 25px;}
DIV#uploadDialog P,
DIV#uploadResults P
{ margin: 5px;
padding: 0; }
.dialog h3
{ font-size: 14px; }
.dialog p
{ margin: 0px; }
/* UIxPreferences */