From da4769964217ae1cc408deb86cc3c6cc69a9eab8 Mon Sep 17 00:00:00 2001
From: chicpro <chicpro@gmail.com>
Date: Wed, 25 Sep 2013 11:15:04 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC=20=EC=83=81?=
 =?UTF-8?q?=ED=92=88=20=EB=A6=AC=EC=8A=A4=ED=8A=B8=20margin=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9=20=EC=8A=A4=ED=81=AC=EB=A6=BD=ED=8A=B8=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/mobile_shop.css                     |  2 +-
 head.sub.php                            |  2 +-
 mobile/skin/shop/basic/list.10.skin.php | 61 +++++++++++++++++++------
 mobile/skin/shop/basic/style.css        |  2 +-
 4 files changed, 50 insertions(+), 17 deletions(-)

diff --git a/css/mobile_shop.css b/css/mobile_shop.css
index af4b37c74..b6188dfad 100644
--- a/css/mobile_shop.css
+++ b/css/mobile_shop.css
@@ -120,7 +120,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
 
 /* 상품 목록 스킨 10 */
 .sct_10 {padding:1em 0 0}
-.sct_10 .sct_li {display:inline-block;margin:0 0.8em 1em 0;width:230px}
+.sct_10 .sct_li {display:inline-block;margin:0 0.8em 1em 0}
 .sct_10 .sct_a {display:block;position:relative;text-decoration:none}
 .sct_10 .sct_a:focus,
 .sct_10 .sct_a:hover {text-decoration:none}
diff --git a/head.sub.php b/head.sub.php
index 8658e6c50..af116e7bb 100644
--- a/head.sub.php
+++ b/head.sub.php
@@ -34,7 +34,7 @@ header("Pragma: no-cache"); // HTTP/1.0
 <meta charset="utf-8">
 <?php
 if (G5_IS_MOBILE) {
-    echo '<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">'.PHP_EOL;
+    echo '<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10">'.PHP_EOL;
     echo '<meta name="HandheldFriendly" content="true">'.PHP_EOL;
     echo '<meta name="format-detection" content="telephone=no">'.PHP_EOL;
 }
diff --git a/mobile/skin/shop/basic/list.10.skin.php b/mobile/skin/shop/basic/list.10.skin.php
index 9ab35e8ba..a24a135b7 100644
--- a/mobile/skin/shop/basic/list.10.skin.php
+++ b/mobile/skin/shop/basic/list.10.skin.php
@@ -6,16 +6,8 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 
 <!-- 상품진열 10 시작 { -->
 <?php
-for ($i=1; $row=sql_fetch_array($result); $i++) {
-    if ($this->list_mod >= 2) { // 1줄 이미지 : 2개 이상
-        if ($i%$this->list_mod == 0) $sct_last = ' sct_last'; // 줄 마지막
-        else if ($i%$this->list_mod == 1) $sct_last = ' sct_clear'; // 줄 첫번째
-        else $sct_last = '';
-    } else { // 1줄 이미지 : 1개
-        $sct_last = 'sct_clear';
-    }
-
-    if ($i == 1) {
+for ($i=0; $row=sql_fetch_array($result); $i++) {
+    if ($i == 0) {
         if ($this->css) {
             echo "<ul class=\"{$this->css}\">\n";
         } else {
@@ -23,7 +15,7 @@ for ($i=1; $row=sql_fetch_array($result); $i++) {
         }
     }
 
-    echo "<li class=\"sct_li {$sct_last}\">\n";
+    echo "<li class=\"sct_li\">\n";
 
     if ($this->href) {
         echo "<a href=\"{$this->href}{$row['it_id']}\" class=\"sct_a\">\n";
@@ -72,8 +64,49 @@ for ($i=1; $row=sql_fetch_array($result); $i++) {
     echo "</li>\n";
 }
 
-if ($i > 1) echo "</ul>\n";
+if ($i > 0) echo "</ul>\n";
 
-if($i == 1) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
+if($i == 0) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
 ?>
-<!-- } 상품진열 10 끝 -->
\ No newline at end of file
+<!-- } 상품진열 10 끝 -->
+
+<script>
+$(function() {
+    set_list_margin();
+});
+
+$(window).resize(function() {
+    set_list_margin();
+});
+
+function set_list_margin()
+{
+    var li_margin = 0;
+    if($("li.sct_li:first").data("margin-right") == undefined) {
+        li_margin = parseInt($("li.sct_li:first").css("margin-right"));
+        $("li.sct_li:first").data("margin-right", li_margin);
+    }
+    else
+        li_margin = $("li.sct_li:first").data("margin-right");
+
+    $("li.sct_li").css("margin-left", 0).css("margin-right", li_margin);
+
+    var ul_width = parseInt($("ul.sct").width());
+    var li_width = parseInt($("li.sct_li:first").outerWidth(true));
+    var li_count = parseInt((ul_width + li_margin) / li_width);
+
+    if(li_count == 0)
+        return;
+
+    var space = parseInt(ul_width % li_width);
+
+    if((space + li_margin) < li_width) {
+        var new_margin = parseInt((space + li_margin) / (li_count * 2));
+
+        if(new_margin > li_margin)
+            $("li.sct_li").css("margin-left", new_margin+"px").css("margin-right", new_margin);
+    }
+
+    $("li.sct_li:nth-child("+li_count+"n)").css("margin-right", 0);
+}
+</script>
\ No newline at end of file
diff --git a/mobile/skin/shop/basic/style.css b/mobile/skin/shop/basic/style.css
index 3a23f704d..350d3f5eb 100644
--- a/mobile/skin/shop/basic/style.css
+++ b/mobile/skin/shop/basic/style.css
@@ -9,7 +9,7 @@
 .sct_wrap h2 a {text-decoration:none}
 .sct_wrap_hdesc {float:left;margin:0;padding:0;color:#777;line-height:1em}
 
-.sct {margin:0;padding:0;list-style:none;zoom:1}
+.sct {margin:0;padding:0;list-style:none;zoom:1;clear:both}
 .sct:after {display:block;visibility:hidden;clear:both;content:""}
 .sct_li {position:relative}
 .sct_noitem {padding:100px 0;text-align:center}