From 14b0a043d486ea00da0062d4fb17100c60ff4a25 Mon Sep 17 00:00:00 2001
From: hide_d <hided62@gmail.com>
Date: Sat, 4 Dec 2021 01:07:05 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20500px=20=EB=AA=A8=EB=93=9C=EC=97=90?=
 =?UTF-8?q?=EC=84=9C,=20=EB=A9=94=EC=8B=9C=EC=A7=80=20=EC=9E=85=EB=A0=A5?=
 =?UTF-8?q?=EA=B8=B0=EA=B0=80=20=EB=A9=94=EC=8B=9C=EC=A7=80=EC=B0=BD?=
 =?UTF-8?q?=EC=9D=84=20=EC=AB=93=EC=95=84=EA=B0=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hwe/index.php      | 21 +++++++++++----------
 hwe/scss/main.scss | 33 +++++++++++++++++++++++++--------
 2 files changed, 36 insertions(+), 18 deletions(-)

diff --git a/hwe/index.php b/hwe/index.php
index e1edba00..d0e99157 100644
--- a/hwe/index.php
+++ b/hwe/index.php
@@ -295,17 +295,18 @@ if (!$otherTextInfo) {
             </div>
         </div>
         <div class="row toolbars gx-0"><?= allButton($gameStor->npcmode == 1) ?></div>
-        <div class="message_input_form bg0 gx-0 row">
-            <div id="mailbox_list-col" class="col-6 col-md-2 d-grid">
-                <select id="mailbox_list" size="1" class="form-control bg-dark text-white">
-                </select>
-            </div>
-            <div id="msg_input-col" class="col-12 col-md-8 d-grid">
-                <input type="text" id="msg_input" maxlength="99" class="form-control">
-            </div>
-            <div id="msg_submit-col" class="col-6 col-md-2 d-grid"><button id="msg_submit" class="btn btn-primary">서신전달&amp;갱신</button></div>
-        </div>
+
         <div id="message_board" class="row gx-0">
+            <div class="message_input_form bg0 gx-0 row">
+                <div id="mailbox_list-col" class="col-6 col-md-2 d-grid">
+                    <select id="mailbox_list" size="1" class="form-control bg-dark text-white">
+                    </select>
+                </div>
+                <div id="msg_input-col" class="col-12 col-md-8 d-grid">
+                    <input type="text" id="msg_input" maxlength="99" class="form-control">
+                </div>
+                <div id="msg_submit-col" class="col-6 col-md-2 d-grid"><button id="msg_submit" class="btn btn-primary">서신전달&amp;갱신</button></div>
+            </div>
             <div class="col-md-6 board_side bg0" id='public_talk_position'>
                 <div class="board_header bg0">전체 메시지(최고99자)</div>
                 <section class="public_message">
diff --git a/hwe/scss/main.scss b/hwe/scss/main.scss
index b7242e88..a91edaf7 100644
--- a/hwe/scss/main.scss
+++ b/hwe/scss/main.scss
@@ -116,15 +116,15 @@ body {
         z-index: 7;
     }
 
-    #nation-position{
+    #nation-position {
         grid-column: 1 / 2;
     }
 
-    #general-position{
+    #general-position {
         grid-column: 2 / 4;
     }
 
-    #generalCommandButton{
+    #generalCommandButton {
         grid-column: 1 / 4;
     }
 
@@ -217,7 +217,7 @@ body {
         grid-template-columns: 1fr;
     }
 
-    #reservedCommandZone{
+    #reservedCommandZone {
         grid-row: 5 / 6;
     }
 
@@ -359,6 +359,27 @@ body {
 
 @include media-breakpoint-down(md) {
 
+    #message_board .message_input_form {
+        position: -webkit-sticky;
+        position: sticky;
+        top: 0px;
+        z-index: 5;
+    }
+
+    #public_talk_position,
+    #national_talk_position,
+    #private_talk_position,
+    #diplomacy_talk_position {
+        position: relative;
+
+        .board_header {
+            position: -webkit-sticky;
+            position: sticky;
+            top: 64.5px;
+            z-index: 4;
+        }
+    }
+
     .public_message,
     .diplomacy_message,
     .national_message,
@@ -401,10 +422,6 @@ body {
     position: relative;
 }
 
-.message_input_form {
-    position: relative;
-}
-
 #mailbox_list {
     font-weight: bold;
 }