Fix first row items misposition

This commit is contained in:
Victor Dubiniuk 2013-11-13 19:50:29 +03:00
parent eae804588b
commit 8dec0a3119
3 changed files with 13 additions and 15 deletions

View File

@ -11,15 +11,19 @@
.documentslist { padding:5px; } .documentslist { padding:5px; }
.documentslist .document,
.documentslist .progress,
.documentslist .add-document{ .documentslist .add-document{
display: inline-block; display: inline-block;
height: 200px; height: 200px;
width: 200px; width: 200px;
float: left;
background-color: #e8e8e8; background-color: #e8e8e8;
margin: 1em; margin: 14px;
vertical-align: top; vertical-align: top;
border-radius: 5px; border-radius: 5px;
} }
.add-document a { .add-document a {
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -58,19 +62,9 @@
text-align: center; text-align: center;
} }
.documentslist .document, .documentslist .progress {
display: inline-block;
height: 200px;
width: 200px;
background-color: #e8e8e8;
margin: 1em;
vertical-align: top;
border-radius: 5px;
}
.documentslist .progress{ .documentslist .progress{
position:absolute; position:absolute;
left:232px;
z-index:5; z-index:5;
background: #e8e8e8 url('%webroot%/core/img/loading.gif') 50% 50% no-repeat; background: #e8e8e8 url('%webroot%/core/img/loading.gif') 50% 50% no-repeat;
} }

View File

@ -209,6 +209,11 @@ var documentsMain = {
onCreate: function(event){ onCreate: function(event){
event.preventDefault(); event.preventDefault();
var docElem = $('.documentslist .template').clone();
docElem.removeClass('template');
docElem.addClass('document');
docElem.insertAfter('.documentslist .template');
docElem.show();
$.post( $.post(
OC.Router.generate('documents_documents_create'), OC.Router.generate('documents_documents_create'),
{}, {},

View File

@ -3,7 +3,7 @@
<li class="add-document"> <li class="add-document">
<a class="add svg" target="_blank" href=""> <a class="add svg" target="_blank" href="">
<label><?php p('New document') ?></label> <label><?php p('New document') ?></label>
</a> </a>
<div id="upload" title="<?php p($l->t('Upload') . ' max. '.$_['uploadMaxHumanFilesize']) ?>"> <div id="upload" title="<?php p($l->t('Upload') . ' max. '.$_['uploadMaxHumanFilesize']) ?>">
<form data-upload-id="1" <form data-upload-id="1"
id="data-upload-form" id="data-upload-form"
@ -28,8 +28,7 @@
</form> </form>
</div> </div>
</li> </li>
<li class="progress"> <li class="progress">&nbsp;</li>
</li>
<li class="document template" data-id="" style="display:none;"> <li class="document template" data-id="" style="display:none;">
<a target="_blank" href=""><label></label></a> <a target="_blank" href=""><label></label></a>
</li> </li>