github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Fix visuals of file uploader

Browse source
This commit is contained in:
Shane Kilkelly 2017-11-22 15:52:02 +00:00
parent 1ddfd948d6
commit fee1fc3d1f
3 changed files with 14 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
services/web/app/views/project/list/modals.pug
View file

@ -232,7 +232,7 @@ script(type="text/ng-template", id="uploadProjectModalTemplate")
allowed-extensions="['zip']" allowed-extensions="['zip']"
on-complete-callback="onComplete" on-complete-callback="onComplete"
) )
span #{translate("upload_a_zipped_project")} //- span #{translate("upload_a_zipped_project")}
.modal-footer .modal-footer
button.btn.btn-default(ng-click="cancel()") #{translate("cancel")} button.btn.btn-default(ng-click="cancel()") #{translate("cancel")}

14
services/web/public/coffee/directives/fineUpload.coffee
View file

@ -66,15 +66,17 @@ define [
<ul class="qq-upload-list-selector"> <ul class="qq-upload-list-selector">
<li> <li>
<div class="qq-progress-bar-container-selector"> <div class="qq-progress-bar-container-selector">
<div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-progress-bar-selector qq-progress-bar"></div> <div
role="progressbar"
aria-valuenow="0"
aria-valuemin="0"
aria-valuemax="100"
class="qq-progress-bar-selector qq-progress-bar">
</div>
</div> </div>
<span class="qq-upload-spinner-selector qq-upload-spinner"></span>
<img class="qq-thumbnail-selector" qq-max-size="100" qq-server-scale>
<span class="qq-upload-file-selector qq-upload-file"></span> <span class="qq-upload-file-selector qq-upload-file"></span>
<span class="qq-edit-filename-icon-selector qq-edit-filename-icon" aria-label="Edit filename"></span>
<input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
<span class="qq-upload-size-selector qq-upload-size"></span> <span class="qq-upload-size-selector qq-upload-size"></span>
<button type="button" class="qq-btn qq-upload-cancel-selector qq-upload-cancel">Cancel</button> <a type="button" class="qq-btn qq-upload-cancel-selector qq-upload-cancel">Cancel</a>
<button type="button" class="qq-btn qq-upload-retry-selector qq-upload-retry">Retry</button> <button type="button" class="qq-btn qq-upload-retry-selector qq-upload-retry">Retry</button>
<button type="button" class="qq-btn qq-upload-delete-selector qq-upload-delete">Delete</button> <button type="button" class="qq-btn qq-upload-delete-selector qq-upload-delete">Delete</button>
<span role="status" class="qq-upload-status-text-selector qq-upload-status-text"></span> <span role="status" class="qq-upload-status-text-selector qq-upload-status-text"></span>

6
services/web/public/stylesheets/components/fineupload.less
View file

@ -156,5 +156,9 @@
.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
.transition(width .6s ease); .transition(width .6s ease);
border-radius: @border-radius-base 0 0 @border-radius-base; border-radius: @border-radius-base 0 0 @border-radius-base;
display: none; }
a.qq-btn {
&:hover {
cursor: pointer !important;
}
} }