#1579 업로드 폼 UI 및 파일선택 방법 개선

This commit is contained in:
bnu 2015-07-03 18:01:19 +09:00
parent c8fafa77d7
commit 8a412532d4
5 changed files with 144 additions and 106 deletions

View file

@ -7,25 +7,28 @@
.xefu-container {
margin: 10px 0;
border: 1px solid #B6B6B6;
border: 1px solid #d7d8d8;
border-radius: 3px;
}
/* dropzone */
.xefu-dropzone {
border: 1px solid #EEE;
text-align: center;
background-color: #EBEBEB;
padding: 12px;
border: 1px solid #fafafa;
background-color: #f7f7f7;
border-radius: 3px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.xefu-dropzone.in {
.in .xefu-dropzone {
background-color: #E9F3EF;
}
.xefu-dropzone.hover {
.hover .xefu-dropzone {
border: 1px dotted #9ad18f;
border-radius: 5px;
}
.xefu-dropzone.fade {
.fade .xefu-dropzone {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
@ -141,13 +144,9 @@
height: 24px !important;
overflow: visible;
border: 1px solid #bbbbbb;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #a2a2a2;
border-radius: 2px;
text-decoration: none !important;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: top;
line-height: 24px !important;
font-family: inherit;
@ -199,3 +198,33 @@ button.xefu-btn {
cursor: pointer;
background: none;
}
p.xefu-dropzone-message {
display: inline-block;
margin: 0;
margin-left: 5px;
line-height: 24px;
vertical-align: middle;
}
.xefu-dropzone:hover p.xefu-dropzone-message,
.in .xefu-dropzone p.xefu-dropzone-message,
.hover .xefu-dropzone p.xefu-dropzone-message,
.fade .xefu-dropzone p.xefu-dropzone-message {
display: none;
}
.upload_info {
display: none;
margin: 0;
margin-left: 5px;
line-height: 24px;
vertical-align: middle;
}
.xefu-dropzone:hover .upload_info,
.in .xefu-dropzone .upload_info,
.hover .xefu-dropzone .upload_info,
.fade .xefu-dropzone .upload_info {
display: inline-block;
margin: 0;
margin-left: 5px;
}