쇼핑몰관리자: #264 상품관리 관련상품/관련이벤트 등록폼 마크업 및 스타일 완료

adm/shop_admin/itemeventform.php

@@ -164,21 +164,24 @@ include_once (G4_ADMIN_PATH.'/admin.head.php');
     </tr>
     <tr>
         <th scope="row">관련상품</th>
-        <td id="sev_it_rel" class="compare_wrap">
+        <td id="sev_it_rel" class="compare_wrap srel">
 
             <section class="compare_left">
                 <h3>상품검색</h3>
-                <select name="ca_id" id="sch_ca_id">
+                <span class="srel_pad">
-                    <option value="">분류선택</option>
+                    <select name="ca_id" id="sch_ca_id">
-                    <?php echo $category_select; ?>
+                        <option value="">분류선택</option>
-                </select>
+                        <?php echo $category_select; ?>
-                <div id="sch_item_list">
+                    </select>
+                </span>
+                <div id="sch_item_list" class="srel_list">
                 </div>
             </section>
 
             <section class="compare_right">
                 <h3>등록된 상품</h3>
-                <div id="reg_item_list">
+                <span class="srel_pad"></span>
+                <div id="reg_item_list" class="srel_sel">
                     <?php
                     for($i=0; $row=sql_fetch_array($res_item); $i++) {
                         $it_name = get_it_image($row['it_id'], 50, 50).' '.$row['it_name'];

adm/shop_admin/itemform.php

@@ -991,7 +991,7 @@ $(function(){
     <a href="./itemlist.php?<?php echo $qstr; ?>">목록</a>
 </div>
 
-<section id="anc_sitfrm_relation" class="cbox compare_wrap">
+<section id="anc_sitfrm_relation" class="cbox compare_wrap srel">
     <h2>관련상품</h2>
     <?php echo $pg_anchor; ?>
 
@@ -1004,7 +1004,7 @@ $(function(){
     <section class="compare_left">
         <h3>등록된 전체상품 목록</h3>
         <label for="sch_relation" class="sound_only">상품분류</label>
-        <span class="sit_relation_selwrap">
+        <span class="srel_pad">
             <select id="sch_relation" onchange="search_relation(this)">
                 <option value=''>분류별 상품</option>
                 <?php
@@ -1016,7 +1016,7 @@ $(function(){
                 ?>
             </select>
         </span>
-        <div id="relation"></div>
+        <div id="relation" class="srel_list"></div>
         <script>
         $(function() {
             $("#sch_relation").change(function() {
@@ -1071,8 +1071,8 @@ $(function(){
 
     <section class="compare_right">
         <h3>선택된 관련상품 목록</h3>
-        <span class="sit_relation_selwrap"></span>
+        <span class="srel_pad"></span>
-        <div id="reg_relation">
+        <div id="reg_relation" class="srel_sel">
             <?php
             $str = array();
             $sql = " select b.ca_id, b.it_id, b.it_name, b.it_price
@@ -1109,13 +1109,13 @@ $(function(){
 
 </section>
 
-<section id="anc_sitfrm_event" class="cbox compare_wrap">
+<section id="anc_sitfrm_event" class="cbox compare_wrap srel">
     <h2>관련이벤트</h2>
     <?php echo $pg_anchor; ?>
 
     <section class="compare_left">
         <h3>등록된 전체이벤트 목록</h3>
-        <div id="event_list">
+        <div id="event_list" class="srel_list srel_noneimg">
             <?php
             $sql = " select ev_id, ev_subject from {$g4['shop_event_table']} order by ev_id desc ";
             $result = sql_query($sql);
@@ -1180,7 +1180,7 @@ $(function(){
 
     <section class="compare_right">
         <h3>선택된 관련이벤트 목록</h3>
-        <div id="reg_event_list">
+        <div id="reg_event_list" class="srel_sel srel_noneimg">
             <?php
             $str = "";
             $comma = "";

css/admin.css

@@ -219,7 +219,6 @@ strong.sodr_nonpay {display:block;padding:5px 0;text-align:right}
 .sit_wimg {display:none}
 .sit_relation_list {width:100%;background:#f6f6f6}
 .sit_relation_selected {width:100%;background:#fcfff2}
-.sit_relation_selwrap {display:block;height:30px}
 #add_span img, #sel_span img {margin:5px 0}
 
 .sit_option {margin:0 0 10px;padding:10px 10px 0;border:1px solid #e9e9e9;background:#f7f7f7}
@@ -264,14 +263,17 @@ strong.sodr_nonpay {display:block;padding:5px 0;text-align:right}
 /* 이벤트 입력/수정 */
 .frm_ev_id {display:inline-block;margin:0 10px 0 0;font-weight:bold}
 
-#sev_it_rel #sch_item_list {margin:5px 0 0;background:#f6f6f6}
+/* 관련 상품, 관련 이벤트 입력/수정 */
-#sev_it_rel ul {margin:0;padding:10px;list-style:none}
+.srel ul {margin:0;padding:10px;list-style:none}
-#sev_it_rel #reg_item_list {border:1px solid #ced9de;background:#fcfff2}
+.srel li {position:relative;border-bottom:1px solid #e9e9e9}
-#sev_it_rel #reg_item_list p {text-align:center}
+.srel .srel_list {height:auto !important;height:200px;max-height:200px;border:1px solid #ced9de;background:#f6f6f6;overflow-y:scroll}
-#sev_it_rel .compare_left ul {margin:0;border:1px solid #ced9de;list-style:none}
+.srel .srel_sel {border:1px solid #ced9de;background:#fcfff2}
-#sev_it_rel .compare_right h3 {margin:10px 0 45px}
+.srel .srel_sel p {text-align:center}
-#sev_it_rel li {position:relative;border-bottom:1px solid #e9e9e9}
+.srel .compare_left ul {margin:0;list-style:none}
-#sev_it_rel button {position:absolute;top:12px;right:0}
+.srel button {position:absolute;top:12px;right:0}
+.srel .srel_noneimg li {padding:7px 0}
+.srel .srel_noneimg button {top:0;right:0}
+.srel .srel_pad {display:block;height:30px}
 
 /* 쿠폰관리 */
 #scp_list {}