Permalink
Browse files

* build upload files in dist.

1 parent b17a87c commit e22c0e68a256130d8e22001623bd787fe6e79884 @Catouse Catouse committed Jan 5, 2017
@@ -1,14 +1,22 @@
/*!
- * ZUI: 文件上传 - v1.5.0 - 2016-12-11
+ * ZUI: 文件上传 - v1.5.0 - 2017-01-05
* http://zui.sexy
* GitHub: https://github.com/easysoft/zui.git
- * Copyright (c) 2016 cnezsoft.com; Licensed MIT
+ * Copyright (c) 2017 cnezsoft.com; Licensed MIT
*/
.uploader {
position: relative;
margin-bottom: 20px;
}
+.uploader-btn-hidden {
+ position: absolute;
+ top: -1px;
+ left: -1px;
+ width: 1px;
+ height: 1px;
+ opacity: 0;
+ }
.file-dragable {
position: relative;
}
@@ -27,7 +35,7 @@
text-align: center;
pointer-events: none;
content: attr(data-drop-placeholder);
- background-color: rgba(255, 255, 255, .7);
+ background-color: rgba(255, 240, 213, .5);
filter: alpha(opacity=0);
border: 2px dashed #f1a325;
opacity: 0;
@@ -58,6 +66,7 @@
}
.file-drag-enter[data-drop-placeholder]:before {
background-color: #fff0d5;
+ border-style: solid;
}
.file-list {
position: relative;
@@ -197,6 +206,8 @@
border: 1px solid #ddd;
}
.file-list .file-name {
+ display: block;
+ text-decoration: none;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
@@ -230,6 +241,9 @@
float: right;
margin-top: 2px;
}
+.file-list .file-wrapper > .actions > .btn {
+ border-radius: 0;
+ }
.file-list .file-status {
display: inline-block;
padding: 5px;
@@ -243,9 +257,9 @@
line-height: 20px;
vertical-align: middle;
opacity: 1;
- -webkit-transition: all .8s .2s;
- -o-transition: all .8s .2s;
- transition: all .8s .2s;
+ -webkit-transition: all .8s;
+ -o-transition: all .8s;
+ transition: all .8s;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
@@ -292,11 +306,15 @@
color: #38b03f;
}
.file-list .file .actions > .btn-reset-file,
+.file-list .file .actions > .btn-download-file,
.file-list .file[data-status="failed"] .actions > .btn-rename-file,
.file-list .file[data-status="uploading"] .actions > .btn,
.file-list .file[data-status="done"] .actions > .btn {
display: none;
}
+.file-list .file[data-status="done"] .actions > .btn-download-file[href],
+.file-list.file-show-rename-action-on-done .file[data-status="done"] .actions > .btn-rename-file,
+.file-list.file-show-delete-action-on-done .file[data-status="done"] .actions > .btn-delete-file,
.file-list .file[data-status="failed"] .actions > .btn-reset-file {
display: inline-block;
}
@@ -311,6 +329,7 @@
bottom: 0;
left: 0;
z-index: 10;
+ pointer-events: none;
background-color: rgba(50, 128, 252, .1);
filter: alpha(opacity=0);
-webkit-box-shadow: inset 0 -2px #3280fc;
@@ -449,8 +468,8 @@
}
.file-list-grid .file-wrapper > .content > .file-size {
position: absolute;
- top: -26px;
- left: 8px;
+ top: -24px;
+ left: 4px;
display: block;
padding: 0 5px;
line-height: 18px;
@@ -513,6 +532,7 @@
}
.file-list-grid .file[data-status="failed"] .file-wrapper > .actions > .file-status > .icon {
font-size: 14px;
+ text-shadow: none;
}
.file-list-grid .file[data-status="uploading"] .file-wrapper > .actions > .file-status > .text {
position: absolute;
Oops, something went wrong.

0 comments on commit e22c0e6

Please sign in to comment.