SawatoMosswartsEnjoyersClub/MosswartOverlord
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add CSS styles for DOM optimization and adjust sidebar layout

Browse source 
- Widen sidebar from 340px to 400px for better readability
- Increase player item gap and padding for improved spacing
- Add .grid-content and .buttons-container styles for element pooling

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
erik 2026-01-20 22:11:51 +00:00
parent a6fafb018a
commit 25980edf99
1 changed files with 14 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

17
static/style.css
View file

@ -6,7 +6,7 @@
*/ */
/* CSS Custom Properties for theme colors and sizing */ /* CSS Custom Properties for theme colors and sizing */
:root { :root {
--sidebar-width: 340px; --sidebar-width: 400px;
--bg-main: #111; --bg-main: #111;
--bg-side: #1a1a1a; --bg-side: #1a1a1a;
--card: #222; --card: #222;
@ -441,9 +441,9 @@ body {
"kills totalkills kph kph kph kph" "kills totalkills kph kph kph kph"
"rares kpr meta meta meta meta" "rares kpr meta meta meta meta"
"onlinetime deaths tapers tapers tapers tapers"; "onlinetime deaths tapers tapers tapers tapers";
gap: 4px 8px; gap: 6px 12px;
margin: 6px 0; margin: 6px 0;
padding: 8px 10px; padding: 10px 15px;
background: var(--card); background: var(--card);
border-left: 4px solid transparent; border-left: 4px solid transparent;
transition: none; transition: none;
@ -514,6 +514,17 @@ body {
cursor: pointer; cursor: pointer;
} }
/* Element pooling optimization containers */
.grid-content {
display: contents; /* Makes container invisible to CSS Grid */
}
.buttons-container {
display: flex;
gap: 4px;
margin-top: 4px;
}
.chat-window, .stats-window, .inventory-window { .chat-window, .stats-window, .inventory-window {
position: absolute; position: absolute;
top: 10px; top: 10px;