feat: 500px 모드에서, 메시지 입력기가 메시지창을 쫓아감
This commit is contained in:
+11
-10
@@ -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">서신전달&갱신</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">서신전달&갱신</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">
|
||||
|
||||
+25
-8
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user