diff --git a/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/EgovPopupList.jsp b/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/EgovPopupList.jsp index d29a54f6..14eb9c1a 100644 --- a/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/EgovPopupList.jsp +++ b/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/EgovPopupList.jsp @@ -1,30 +1,15 @@ -<%-- - Class Name : EgovPopupList.jsp - Description : 팝업창관리 목록 페이지 - Modification Information - - 수정일 수정자 수정내용 - ------- -------- --------------------------- - 2009.09.16 장동한 최초 생성 - - author : 공통서비스 개발팀 장동한 - since : 2009.09.16 - - Copyright (C) 2009 by MOPAS All right reserved. ---%> <%@ page contentType="text/html; charset=utf-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> - - - +<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> + -팝업창관리 관리 +팝업창관리 -
- + + + " /> " /> + +

팝업관리

-
-
-

총 건수 : 건

-
- - - - - - +
+

총 건수 : 건

+
+ + + + + +
-
+
@@ -328,12 +225,10 @@ function fncPopupListDelete() { - - @@ -354,35 +249,34 @@ function fncPopupListDelete() { ${result.popupTitleNm} - + - + + - +
번호 제목 시작일/종료일 팝업 위치 이미지크기 링크사용여부 등록일
- - - - -
~ + + + + +
~ 		-<%-- --%> - 화면 상단으로 부터 : -
- 화면 좌측으로 부터 : - 		- + 화면 상단으로 부터 : +
+ 화면 좌측으로 부터 : + 		+ 높이 :
너비 : - 		+ -
@@ -390,17 +284,13 @@ function fncPopupListDelete() { -
-
- -
-
- -
+
+ +
- +
    @@ -408,28 +298,19 @@ function fncPopupListDelete() {
+
- + + +
-
- - - -
-
- - - - - -
@@ -437,11 +318,9 @@ function fncPopupListDelete() {
Close
-
- - + diff --git a/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/EgovPopupUpdt.jsp b/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/EgovPopupUpdt.jsp index 57568d85..2747ac70 100644 --- a/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/EgovPopupUpdt.jsp +++ b/src/main/webapp/WEB-INF/jsp/uss/ion/pwm/EgovPopupUpdt.jsp @@ -39,7 +39,7 @@ function fn_egov_save_PopupManage(){ var varFrom = document.popupManageVO; - + CKEDITOR.instances.nttCn.updateElement(); if(confirm("")){ @@ -132,12 +132,12 @@ function fn_egov_delete_PopupManage(){ } - + --> @@ -158,7 +158,7 @@ function fn_egov_delete_PopupManage(){
-
+
@@ -168,14 +168,14 @@ function fn_egov_delete_PopupManage(){ - - - - - - @@ -291,11 +292,12 @@ function fn_egov_delete_PopupManage(){
+
- - - + + +
diff --git a/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp b/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp index 8236faf6..854e4099 100644 --- a/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp +++ b/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp @@ -31,16 +31,36 @@ $(document).ready(function (){ // 팝업 위치 조정 - let offset = 0; - $(".popup").each(function() { - $(this).css({ - top: '10%', // 화면 중앙에 위치 - left: offset + 'px', // 각 팝업을 가로로 정렬 - transform: 'translateY(-50%)', // 세로 중앙 정렬 - position: 'absolute' // 부모 요소 기준으로 위치 설정 - }); - offset += $(this).outerWidth(true); // 다음 팝업의 위치를 현재 팝업의 너비만큼 이동 - }); + let offset = 30; + + var bodyWidth = $("body").width(); + + if(bodyWidth>1199){ + $(".popup").each(function(idx,itm) { + $(this).css({ + top: '10%', // 화면 중앙에 위치 + left: offset + 'px', // 각 팝업을 가로로 정렬 + /* transform: 'translateY(-50%)', // 세로 중앙 정렬 */ + position: 'absolute' // 부모 요소 기준으로 위치 설정 + }); + offset += $(this).outerWidth(true)+30; // 다음 팝업의 위치를 현재 팝업의 너비만큼 이동 + }); + }else{ + $(".popup").each(function(idx,itm) { + var zIndex = 1000 - idx; + var topPosi = idx * 45; + $(this).css({ + top: 'calc(10% + '+topPosi+'px)', // 화면 중앙에 위치 + left: '30px', // 각 팝업을 가로로 정렬 + /* transform: 'translateY(-50%)', // 세로 중앙 정렬 */ + position: 'absolute', // 부모 요소 기준으로 위치 설정 + "z-index":zIndex + }); + offset += $(this).outerWidth(true)+30; // 다음 팝업의 위치를 현재 팝업의 너비만큼 이동 + }); + } + + }); @@ -345,55 +365,62 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) { - - - +
+ + + +
\ No newline at end of file diff --git a/src/main/webapp/kofair_case_seed/adm/style/style.css b/src/main/webapp/kofair_case_seed/adm/style/style.css index 7a8eb11c..99e08de0 100644 --- a/src/main/webapp/kofair_case_seed/adm/style/style.css +++ b/src/main/webapp/kofair_case_seed/adm/style/style.css @@ -44,6 +44,7 @@ form h3,.title.depth02{font-size:20px;font-weight:bold;} .calendar input[type="text"]{width:120px;font-size:14px;font-weight:400;color:#666;} .calendar input[type="text"]+img{margin:0 0 0 -32px;} .calendar input[type="text"]:first-child+img{margin:0 13px 0 -32px;} +.calendar .calBtn{width:36px;height:36px;margin:0 0 0 -40px;border:0 !important;border-radius:5px;background:transparent url(/kofair_case_seed/adm/images/component/icon_calendar.png) no-repeat calc(100% - 10px) 50% !important;} .wrap .form-group.calendar{display:flex;align-items:center;} .wrap .form-group.calendar input[type="text"],.wrap .hasDatepicker{width:150px !important;height:36px;} @@ -147,6 +148,9 @@ form h3,.title.depth02{font-size:20px;font-weight:bold;} .wrap .col-table.data-table table td:last-child{border-right:0;} .wrap .col-table.data-table textarea{max-width:100%;} +.wrap .col-table.data-table .td_position p{display:flex;align-items:center;gap:8px;} +.wrap .col-table.data-table .td_position p:first-child{margin:0 0 8px 0;} + .wrap .radio_wrap,.wrap .radio_wrap span{display:flex;align-items:center;} .wrap .radio_wrap{gap:20px;} .wrap .radio_wrap input[type="radio"]{margin:0;} diff --git a/src/main/webapp/kofair_case_seed/usr/style/style.css b/src/main/webapp/kofair_case_seed/usr/style/style.css index 2150f8a1..df0ce29b 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/style.css +++ b/src/main/webapp/kofair_case_seed/usr/style/style.css @@ -325,6 +325,7 @@ .cmmt_wrap li:last-child{width:80px;} .cmmt_wrap .btn_add_cmmt{width:100%;height:80px;border-radius:5px;background:#2e40ba;border:0;color:#fff;margin:0 0 0 5px;font-size:1.8rem;transition:background 0.2s linear;} +/* .popup{position:fixed;min-width:300px;height:auto;background:#fff;border:1px solid #e5e5e5;box-shadow:0 0 10px rgba(0,0,0,0.5);left:0;top:0;transform: translateY(-50%);} */ /* ==================== 테블릿 ==================== */ @media screen and (max-width: 1199px){
팝업명 - + +
게시기간 + <%-- @@ -203,13 +203,13 @@ function fn_egov_delete_PopupManage(){ 분 --%> -
+
--" readonly> @@ -223,7 +223,7 @@ function fn_egov_delete_PopupManage(){ @@ -237,14 +237,14 @@ function fn_egov_delete_PopupManage(){
링크 URL - + +
팝업사이즈 + 가로px 세로px @@ -252,15 +252,16 @@ function fn_egov_delete_PopupManage(){
위치 - 왼쪽 px 상단px + +

왼쪽 px

+

상단px
내용 +