mmo-ref/otclient-redemption
1
0
Fork 0
mirror of https://github.com/mehah/otclient synced 2026-08-15 16:29:06 -04:00
Code Issues Projects Releases Packages Wiki Activity

fix: center NPC trade window and fix chat console/toggle overlap (#1759)

Browse source 
Style:
- Updated the NPC trade and chat window layout for improved positioning.
- Adjusted console sizing and spacing for a more balanced appearance.
- Centered the trade window and refined chat mode toggle placement.
This commit is contained in:
scarneiromarcelo-pixel 2026-07-18 16:45:41 -03:00 • committed by GitHub
parent cee2851016
commit 89e7898a78
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
modules/game_npctrade/templates/game_npctrader.html
View file

@ -55,9 +55,9 @@
.creature-display { width: 64px; height: 64px; margin-left: 10px; margin-top: 10px; }
/* Chat & Console */
.panelConsole { margin-top: 30px; --image-border: 4; padding: 1; padding-right: 12; padding-left: 4; padding-top: 4; padding-bottom: 4; height: 288px; --image-source: /images/ui/3pixel_frame_borderimage; }
.panelConsole { margin-top: 80px; --image-border: 4; padding: 1; padding-right: 12; padding-left: 4; padding-top: 4; padding-bottom: 4; height: 238px; --image-source: /images/ui/3pixel_frame_borderimage; }
.inputConsole { margin-bottom: 10px; display: inline-block; width: 288px; margin-left: 15px; margin-top: 5px; --placeholder: "Type here to chat"; --placeholder-color: #6E706F}
.bottonChat { display: inline; margin-left: 2px; font: cipsoftFont; }
.bottonChat { display: inline; margin-left: 308px; margin-bottom: 10px; font: cipsoftFont; }
/* Buttons Panel */
.panelBotons {height: 35px; margin-bottom: 39px; --focusable: false; width: 100%; margin-left: 15px;}
@ -119,7 +119,7 @@
</script>
<html>
<uiwindow id="windowTrader" placement="bottom-left" *width="self.widthConsole" class="modal-message"
<uiwindow id="windowTrader" placement="center" *width="self.widthConsole" class="modal-message"
src="images/ui/miniwindow" onescape="self:onCloseNpcTrade()" onkeydown="self:onConsoleKeyPress(event)">
<!-- Left Panel -->
@ -140,7 +140,7 @@
</button>
</div>
<input id="chatInput" class="inputConsole" placement="bottom-left" />
<button id="chatModeButton" class="bottonChat" onclick="self:toggleChatMode()">{{self.chatMode}}</button>
<button id="chatModeButton" class="bottonChat" placement="bottom-left" onclick="self:toggleChatMode()">{{self.chatMode}}</button>
</div>
<div class="verticalSep VerticalSeparator" *visible="self.isTradeOpen"></div>