1
0
mirror of https://github.com/owncloudarchive/contacts.git synced 2024-11-29 11:24:11 +01:00

Contacts: Try to make scrolling work on tablets.

This commit is contained in:
Thomas Tanghus 2012-12-17 21:27:01 +01:00
parent fc9fddc6c0
commit 628701af4b
3 changed files with 16 additions and 8 deletions

View File

@ -62,7 +62,7 @@
/* Left content */
#leftcontent { top: 3.5em !important; padding: 0; margin: 0; }
#leftcontent { position: absolute; top: 4em; padding: 0; margin: 0; }
#leftcontent a { display: inline-block; padding: 0; margin: 0; }
#leftcontent h3 {
cursor: pointer;
@ -95,7 +95,16 @@
margin: auto 0 auto .3em;
}
#groupactions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 4em; border-bottom: 1px solid #DDDDDD; }
#groupsheader {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
position: fixed;
padding: 0; margin:0;
top:3.5em; left: 12.5em;
height: 4em; width: 20em;
border-bottom: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background: none repeat scroll 0 0 #F8F8F8;
}
/*#groupactions > button, .addcontact, .import-upload-button, .doImport {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
@ -443,7 +452,7 @@ input[type="checkbox"].propertytype { width: 10px; }
/* Right content layout */
#rightcontent, .rightcontent { position:fixed; top: 7.5em; left: 32.5em; overflow-x:hidden; overflow-y: auto; }
#rightcontent, .rightcontent { position:absolute; top: 4em; left: 20em; overflow-x:hidden; overflow-y: auto; }
/* Contact layout */

View File

@ -1097,7 +1097,7 @@ OC.Contacts = OC.Contacts || {
self.uploadPhoto(this.files);
});
$('#groupactions > .addgroup').on('click keydown',function(event) {
$('#groupsheader > .addgroup').on('click keydown',function(event) {
if(wrongKey(event)) {
return;
}

View File

@ -14,11 +14,10 @@
<input id="contactphoto_fileupload" type="file" accept="image/*" name="imagefile" />
</form>
<iframe name="file_upload_target" id='file_upload_target' src=""></iframe>
<div id="groupsheader">
<button class="addgroup"><?php echo $l->t('New Group'); ?></button>
</div>
<div id="leftcontent" class="loading">
<div class="hidden" id="statusbar"></div>
<div id="groupactions">
<button class="addgroup"><?php echo $l->t('New Group'); ?></button>
</div>
<nav id="grouplist">
</nav>
<div id="contacts-settings">