Index: base3.10/src/main/webapp/css/user/style.css =================================================================== --- base3.10/src/main/webapp/css/user/style.css (revision 106) +++ base3.10/src/main/webapp/css/user/style.css (revision 107) @@ -190,9 +190,9 @@ /*첨부파일*/ .file_up { position:relative; } .file_up input[type="file"] { position: absolute; width:120px; height:45px; border-radius:5px; padding:0; margin:0; border:0; z-index:0; } -.file_up label {border:1px solid #ccc; padding:10px; width:120px; height:45px; background:#fff; border-radius:5px; position:relative; z-index:1; box-shadow:none; display:inline-block; transition:0.3s ease-in-out; } +.file_up label {border:1px solid #ccc; padding:10px; width:120px; text-align:center; height:45px; background:#fff; border-radius:5px; position:relative; z-index:1; box-shadow:none; display:inline-block; transition:0.3s ease-in-out; } .file_up label:hover { box-shadow:0 0 5px 0 rgba(0,0,0,0.3); border-color:#666; } -.btn_file_up span { margin-left:10px; } +.file_up .btn_fileup span { margin-left:10px; } /*일반파일*/ .file_list { margin:10px -2px -2px; display:inline-block; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:flex-start; flex-direction:column; flex-direction:row; flex-wrap:wrap; } @@ -205,7 +205,7 @@ /*이미지파일*/ .file_list.img_type { margin:10px -2px -2px; } -.file_list.img_type .file_box { display:flex; align-items:center; padding:5px 7px 5px 15px; border:1px solid #ccc; width:100px; height:100px; border-radius:15px; margin:2px; transition:all .2s ease-in-out; position:relative; } +.file_list.img_type .file_box { display:flex; align-items:center; padding:5px 7px 5px 15px; border:1px solid #ccc; width:130px; height:130px; border-radius:15px; margin:2px; transition:all .2s ease-in-out; position:relative; } .file_list.img_type .btn_wrap { position:absolute; background:rgba(0,0,0,0.3); backdrop-filter:blur(10px); bottom:-100%; left:0; width:100%; text-align:center; padding:5px 0;transition:all .2s ease-in-out; } .file_list.img_type .file_box:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.1); border-color:#666; } .file_list.img_type .file_box:hover .btn_wrap { bottom:0; } Index: base3.10/src/main/webapp/css/admin/style.css =================================================================== --- base3.10/src/main/webapp/css/admin/style.css (revision 106) +++ base3.10/src/main/webapp/css/admin/style.css (revision 107) @@ -223,9 +223,9 @@ /*첨부파일*/ .file_up { position:relative; } .file_up input[type="file"] { position: absolute; left:0; top:0; width:120px; height:35px; border-radius:5px; padding:0; margin:0; border:0; z-index:0; } -.file_up label {border:1px solid #ccc; padding:10px; width:120px; text-align:center; height:35px; padding:6px 10px 0 !important; background:#fff; border-radius:5px; position:relative; z-index:1; box-shadow:none; display:inline-block; transition:0.3s ease-in-out; } +.file_up label {border:1px solid #ccc; padding:10px; width:120px; text-align:center; height:35px; padding:6px 10px 0 !important; background:#fff; border-radius:2px; position:relative; z-index:1; box-shadow:none; display:inline-block; transition:0.3s ease-in-out; } .file_up label:hover { box-shadow:0 0 5px 0 rgba(0,0,0,0.3); border-color:#666; } -.file_up label.inputFile span { margin-left:10px; } +.file_up label.btn_fileup span { margin-left:10px; } /*일반파일*/ .file_list { margin:10px -2px -2px; display:inline-block; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:flex-start; flex-direction:column; flex-direction:row; flex-wrap:wrap; } @@ -248,11 +248,11 @@ /*이미지파일*/ .file_list.img_type { margin:10px -2px -2px; } -.file_list.img_type .file_box { display:flex; align-items:center; padding:5px 7px 5px 15px; border:1px solid #ccc; width:100px; height:100px; border-radius:15px; margin:2px; transition:all .2s ease-in-out; position:relative; overflow:hidden; } -.file_list.img_type .btn_wrap { position:absolute; background:rgba(0,0,0,0.3); backdrop-filter:blur(10px); bottom:-100%; left:0; width:100%; text-align:center; padding:5px 0;transition:all .2s ease-in-out; } +.file_list.img_type .file_box { display:flex; align-items:center; padding:5px 7px 5px 15px; border:1px solid #ccc; width:130px; height:130px; border-radius:10px; margin:2px; transition:all .2s ease-in-out; position:relative; overflow:hidden; } +.file_list.img_type .btn_wrap { position:absolute; background:rgba(0,0,0,0.5); backdrop-filter:blur(10px); bottom:-100%; left:0; width:100%; text-align:center; padding:5px 0;transition:all .2s ease-in-out; } .file_list.img_type .file_box:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.1); border-color:#666; } .file_list.img_type .file_box:hover .btn_wrap { bottom:0; } -.file_list.img_type .file_box .btn_wrap button { color:#fff; margin:0 3px; } +.file_list.img_type .file_box .btn_wrap button { color:#fff; margin:0 3px;border-radius:2px; } .file_list.img_type .file_box .btn_wrap button:hover { color:#6cb4ff; } Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleManageRegist.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleManageRegist.jsp (revision 106) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleManageRegist.jsp (revision 107) @@ -185,7 +185,7 @@ <th scope="col"><label for="egovComRprsFileUploader">대표첨부파일선택</label></th> <td class="nopd"> <div class="file_up"> - <label for="egovComRprsFileUploader" class="inputFile" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> + <label for="egovComRprsFileUploader" class=btn_fileup title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> <input type="file" id="egovComRprsFileUploader" name="file_1" title="대표첨부파일 선택" /> <!-- 첨부파일 --> <input type="hidden" id="rprsAtchFileId" name="rprsAtchFileId" value="" /> @@ -204,7 +204,7 @@ <th scope="col"><label for="egovComFileUploader">${title}</label></th> <td class="nopd"> <div class="file_up"> - <label for="egovComFileUploader" class="inputFile" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> + <label for="egovComFileUploader" class="btn_fileup" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> <input type="file" id="egovComFileUploader" name="file_2" title="<spring:message code="comCopBbs.articleVO.regist.atchFile"/>" /> <!-- 첨부파일 --> <input type="hidden" id="atchFileId" name="atchFileId" value="" /> Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleUpdt.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleUpdt.jsp (revision 106) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleUpdt.jsp (revision 107) @@ -167,7 +167,7 @@ <div> <input name="file_1" id="egovComRprsFileUploader" type="file" class="blind userUpload" title="대표첨부파일선택" multiple/><!-- 첨부파일 --> <input type="hidden" id="rprsAtchFileId" name="rprsAtchFileId" value="${articleVO.rprsAtchFileId}" /> - <label for="egovComRprsFileUploader" class="btn_m bg_basic btn_file_up" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> + <label for="egovComRprsFileUploader" class="btn_fileup" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> </div> <em class="exp filenote">※ 파일당 ${boardMasterVO.atchPosblFileSize }MB까지 첨부 가능합니다.</em> <div class="file_list img_type" id="egovComRprsFileList" style="display:none;"></div> @@ -181,7 +181,7 @@ <div> <input name="file_2" id="egovComFileUploader" type="file" class="blind userUpload" title="<spring:message code="comCopBbs.articleVO.regist.atchFile"/>" multiple/><!-- 첨부파일 --> <input type="hidden" id="atchFileId" name="atchFileId" value="${articleVO.atchFileId}" /> - <label for="egovComFileUploader" class="btn_m bg_basic btn_file_up" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> + <label for="egovComFileUploader" class="btn_fileup" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> </div> <em class="exp filenote">※ 파일당 ${boardMasterVO.atchPosblFileSize }MB까지 첨부 가능합니다.</em> <div class="file_list" id="egovComFileList" style="display:none;"></div> @@ -191,7 +191,7 @@ </ul> </div> <div class="bottom_wrap between"> - <div class="left"><button type="button" class="btn_l bg_basic" onclick="fn_egov_inqire_articlelist(); return false;">목dd록</button></div> + <div class="left"><button type="button" class="btn_l bg_basic" onclick="fn_egov_inqire_articlelist(); return false;">목록</button></div> <div class="right"><button type="submit" class="btn_l bg_basic" >저장</button></div> </div> </div> @@ -241,8 +241,8 @@ var dom = '<div id=' + html.fileId + ' class="file_box bg_box" style="background-image:url(' + html.link + ');">'; dom += '<img alt="배너 이미지" src="' + html.link + '">'; dom += '<div class="btn_wrap">'; - dom += '<button type="button" class="btn_inner" onClick="location.href='javascript:void(0);'" title="삭제"><span class="icon-delete"></span><em class="blind">삭제</em></button>'; - dom += '<button type="button" class="btn_inner" onClick="location.href=' + html.link + '" title="다운로드"><span class="icon-file-down"></span><em class="blind">다운로드</em></button>'; + dom += '<button type="button" class="btn_inner" onclick="javascript:void(0)" title="삭제"><span class="icon-delete"></span><em class="blind">삭제</em></button>'; + dom += '<button type="button" class="btn_inner" href="' + html.link + '" onclick="location.replace(' + "'" + html.link + "'" + ');" title="다운로드"><span class="icon-file-down"></span><em class="blind">다운로드</em></button>'; dom += '</div>'; dom += '</div>'; return dom; Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleManageUpdt.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleManageUpdt.jsp (revision 106) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleManageUpdt.jsp (revision 107) @@ -179,7 +179,7 @@ <th scope="col"><label for="egovComFileUploader">대표첨부파일선택</label></th> <td class="nopd"> <div class="file_up"> - <label for="egovComRprsFileUploader" class="inputFile" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> + <label for="egovComRprsFileUploader" class="btn_fileup" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> <input type="file" id="egovComRprsFileUploader" name="file_1" title="<spring:message code="comCopBbs.articleVO.regist.atchFile"/>" /> <!-- 첨부파일 --> <input type="hidden" id="rprsAtchFileId" name="rprsAtchFileId" value="${articleVO.rprsAtchFileId}" /> @@ -199,7 +199,7 @@ <th scope="col"><label for="egovComFileUploader">${title}</label></th> <td class="nopd"> <div class="file_up"> - <label for="egovComFileUploader" class="inputFile" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> + <label for="egovComFileUploader" class="btn_fileup" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> <input type="file" id="egovComFileUploader" name="file_2" title="<spring:message code="comCopBbs.articleVO.regist.atchFile"/>" /> <!-- 첨부파일 --> <input type="hidden" id="atchFileId" name="atchFileId" value="${articleVO.atchFileId}" /> Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleReply.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleReply.jsp (revision 106) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleReply.jsp (revision 107) @@ -147,7 +147,7 @@ <td class="nopd"> <div class="space5"></div> <div class="file_up"> - <label for="egovComRprsFileUploader" class="inputFile" title="업로드 할 파일을 선택해주세요">파일업로드</label> + <label for="egovComRprsFileUploader" class="btn_fileup" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> <input type="file" id="egovComRprsFileUploader" name="file_1" title="대표첨부파일 선택" /> <!-- 첨부파일 --> <input type="hidden" id="rprsAtchFileId" name="rprsAtchFileId" value="" /> @@ -165,7 +165,7 @@ <div> <input name="file_1" id="egovComFileUploader" type="file" class="blind userUpload" title="<spring:message code="comCopBbs.articleVO.regist.atchFile"/>" multiple/><!-- 첨부파일 --> <input type="hidden" id="atchFileId" name="atchFileId" value="" /> - <label for="egovComFileUploader" class="btn_m bg_basic btn_file_up" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> + <label for="egovComFileUploader" class="btn_fileup" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> <!-- 첨부파일 --> </div> <em class="exp filenote">※ 파일당 ${boardMasterVO.atchPosblFileSize }MB까지 첨부 가능합니다.</em> Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleRegist.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleRegist.jsp (revision 106) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleRegist.jsp (revision 107) @@ -173,7 +173,7 @@ <div> <input name="file_1" id="egovComRprsFileUploader" type="file" class="blind userUpload" title="대표첨부파일선택" multiple/><!-- 첨부파일 --> <input type="hidden" id="rprsAtchFileId" name="rprsAtchFileId" value="" /> - <label for="egovComRprsFileUploader" class="btn_m bg_basic btn_file_up" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> + <label for="egovComRprsFileUploader" class="btn_fileup" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> </div> <em class="exp filenote">※ 파일당 ${boardMasterVO.atchPosblFileSize }MB까지 첨부 가능합니다.</em> <div class="file_list img_type" id="egovComRprsFileList" style="display:none;"> @@ -189,7 +189,7 @@ <div> <input name="file_2" id="egovComFileUploader" type="file" class="blind userUpload" title="<spring:message code="comCopBbs.articleVO.regist.atchFile"/>" multiple/><!-- 첨부파일 --> <input type="hidden" id="atchFileId" name="atchFileId" value="" /> - <label for="egovComFileUploader" class="btn_m bg_basic btn_file_up" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> + <label for="egovComFileUploader" class="btn_fileup" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> </div> <em class="exp filenote">※ 파일당 ${boardMasterVO.atchPosblFileSize }MB까지 첨부 가능합니다.</em> <div class="file_list" id="egovComFileList" style="display:none;"> Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/uss/ion/bnr/EgovBannerRegist.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/uss/ion/bnr/EgovBannerRegist.jsp (revision 106) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/uss/ion/bnr/EgovBannerRegist.jsp (revision 107) @@ -128,7 +128,7 @@ <th scope="row" class="must"><label for="egovComFileUploader"><spring:message code="comUssIonBnr.bannerVO.bannerImage"/></label></th><!-- 배너이미지 --> <td> <div class="file_up"> - <label for="egovComFileUploader">파일선택</label> + <label for="egovComFileUploader" class="btn_fileup">파일업로드<span class="icon-file-up"></span></label> <input class="upload-name blind" disabled="disabled"> <input type="file" name="file_1" id="egovComFileUploader" title="<spring:message code="comUssIonBnr.bannerVO.bannerImage"/>"> </div> Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/uss/ion/bnr/EgovBannerUpdt.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/uss/ion/bnr/EgovBannerUpdt.jsp (revision 106) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/uss/ion/bnr/EgovBannerUpdt.jsp (revision 107) @@ -71,13 +71,13 @@ var fileIcon = fileExtIcon(html.fileExtsn); var fileSize = fileSizeConvert(html.fileSize); - var dom = '<li class="file_list file_img mt5" id=' + html.fileId + '>'; + var dom = '<div class="file_box bg_box" id=' + html.fileId + ' style="background-image:url(' + html.link + ');">'; dom += '<img alt="배너 이미지" src="' + html.link + '" >'; - dom += '<div class="btn">'; - dom += '<a class="btn_sq_s btn_delete" href="javascript:void(0)" title="삭제"><span class="blind">삭제</span></a>'; - dom += '<a class="btn_sq_s btn_filedown" href="' + html.link + '" title="다운로드"><span class="blind">다운로드</span></a>'; + dom += '<div class="btn_wrap">'; + dom += '<button type="button" class="btn_inner" onclick="javascript:void(0)" title="삭제"><span class="icon-delete"></span><em class="blind">삭제</em></button>'; + dom += '<button type="button" class="btn_inner" href="' + html.link + '" onclick="location.replace(' + "'" + html.link + "'" + ');" title="다운로드"><span class="icon-file-down"></span><em class="blind">다운로드</em></button>'; dom += '</div>'; - dom += '</li>'; + dom += '</div>'; return dom; } $.initFileUpload(options, defaultsDom); @@ -117,7 +117,7 @@ <th scope="row" class="must"><label for="egovComFileUploader"><spring:message code="comUssIonBnr.bannerVO.bannerImage"/></label></th><!-- 배너이미지 --> <td> <div class="file_up"> - <label for="egovComFileUploader">파일선택</label> + <label for="egovComFileUploader" class="btn_fileup">파일업로드<span class="icon-file-up"></span></label> <input class="upload-name blind" disabled="disabled"> <input type="file" name="file_1" id="egovComFileUploader" title="<spring:message code="comUssIonBnr.bannerVO.bannerImage"/>"> </div> @@ -125,7 +125,7 @@ <div id="progress" class="progress mt-3" style="display: none;"> <div class="progress-bar" style="width: 0%;">0%</div> </div> - <ul class="file_img" id="bannerFileList" style="display:none;"></ul> + <ul class="file_list img_type" id="bannerFileList" style="display:none;"></ul> </td> </tr> <tr> Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/site/SystemManage.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/site/SystemManage.jsp (revision 106) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/site/SystemManage.jsp (revision 107) @@ -123,18 +123,14 @@ var fileIcon = fileExtIcon(html.fileExtsn); var fileSize = fileSizeConvert(html.fileSize); - var dom = '<div class="file_list file_img mt5" id=' + html.fileId + '>'; - dom += '<ul>'; - dom += '<li>'; - dom += '<p class="file_name">'; + var dom = '<div class="file_box bg_box" id=' + html.fileId + ' style="background-image:url(' + html.link + ');">'; dom += '<img alt="배너 이미지" src="' + html.link + '" >'; + dom += '<p class="file_name">'; dom += '</p>'; - dom += '<div class="btn">'; - dom += '<a class="btn_sq_s btn_delete" href="javascript:void(0)" title="삭제"><span class="blind">삭제</span></a>'; - dom += '<a class="btn_sq_s btn_filedown" href="' + html.link + '" title="다운로드"><span class="blind">다운로드</span></a>'; + dom += '<div class="btn_wrap">'; + dom += '<button type="button" class="btn_inner" onclick="javascript:void(0)" title="삭제"><span class="icon-delete"></span><em class="blind">삭제</em></button>'; + dom += '<button type="button" class="btn_inner" href="' + html.link + '" onclick="location.replace(' + "'" + html.link + "'" + ');" title="다운로드"><span class="icon-file-down"></span><em class="blind">다운로드</em></button>'; dom += '</div>'; - dom += '</li>'; - dom += '</ul>'; dom += '</div>'; return dom; } @@ -197,7 +193,7 @@ <td> <!-- attached file Start --> <div class="file_up"> - <label for="logo">파일선택</label> + <label for="logo" class="btn_fileup">파일업로드<span class="icon-file-up"></span></label> <input class="upload-name blind" disabled="disabled"> <input type="file" id="logo" class="upload-hidden"> </div> @@ -205,7 +201,7 @@ <div id="progress" class="progress mt-3" style="display: none;"> <div class="progress-bar" style="width: 0%;">0%</div> </div> - <div id="logoFileList" style="display: none;"></div> + <div id="logoFileList" class="file_list img_type" style="display: none;"></div> <!-- attached file End --> </td> </tr> @@ -213,7 +209,7 @@ <th scope="row"><spring:message code='com.system.title.coFavicon' /></th> <td> <div class="file_up"> - <label for="favicon">파일선택</label> + <label for="favicon" class="btn_fileup">파일업로드<span class="icon-file-up"></span></label> <input class="upload-name blind" > <input type="file" id="favicon" class="upload-hidden"/> </div> @@ -221,7 +217,7 @@ <div id="progress" class="progress mt-3" style="display: none;"> <div class="progress-bar" style="width: 0%;">0%</div> </div> - <div id="faviconFileList" style="display: none;"></div> + <div id="faviconFileList" class="file_list img_type" style="display: none;"></div> </td> </tr> <tr>