refining/climperor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.6.7: narrow matches column so player filter stays visible.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
voson
2026-07-30 17:37:22 +08:00
co-authored by Cursor
parent 43e8409c0e
commit 11dbb73b5c
6 changed files with 35 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/frontend/config.js
+1 -1
View File
@@ -1,5 +1,5 @@
/* Local defaults; production export overwrites via export_relations_site.py. */
var SITE_VERSION = "0.6.6";
var SITE_VERSION = "0.6.7";
var SITE_ORIGIN = "";
var ABILITY_VIDEO_BASE = "";
var STATIC_ASSET_BASE = "";
web/frontend/index.html
+5 -5
View File
@@ -43,8 +43,8 @@
}
</script>
<link rel="icon" href="/ui-icon/dota2_logo.png" type="image/png" />
<link rel="stylesheet" href="/style.css?v=0.6.6" />
<script src="/mobile-gate.js?v=0.6.6"></script>
<link rel="stylesheet" href="/style.css?v=0.6.7" />
<script src="/mobile-gate.js?v=0.6.7"></script>
</head>
<body>
<h1 class="sr-only">DOTA2 上分帝</h1>
@@ -233,8 +233,8 @@
</div>
<footer class="heroes-site-foot" id="heroes-site-foot" aria-hidden="true"></footer>
<script src="/config.js?v=0.6.6"></script>
<script src="/router.js?v=0.6.6"></script>
<script src="/app.js?v=0.6.6"></script>
<script src="/config.js?v=0.6.7"></script>
<script src="/router.js?v=0.6.7"></script>
<script src="/app.js?v=0.6.7"></script>
</body>
</html>
web/frontend/style.css
+20 -9
View File
@@ -62,7 +62,8 @@
--content-read: 820px;
--content-standard: 880px;
--content-wide: 1080px;
--content-data: 1680px;
/* Matches list + right filter aside (centered column must leave aside room). */
--content-data: 1200px;
--aside-gap: 20px;
--focus-ring: 2px solid var(--sel);
}
@@ -2256,6 +2257,11 @@ a.match-player-name:hover {
gap: 5px;
align-items: center;
}
@media (max-width: 1200px) {
.match-skills {
flex-wrap: wrap;
}
}
.match-inv {
display: flex;
flex-direction: column;
@@ -2982,8 +2988,8 @@ body:has(#items-view:not(.hidden)) {
}
.matches-board .rankings-center-wrap.matches-center-wrap {
align-items: stretch;
/* Fixed column width so cards align; ~lv30 skill row + a little slack. */
width: min(var(--content-data), 100%, calc(100vw - 280px));
/* Centered column + absolute aside: reserve ~aside(260)+gap on BOTH sides. */
width: min(var(--content-data), calc(100% - 48px), calc(100vw - 560px));
}
.matches-board .match-list,
.matches-board .match-card {
@@ -2993,14 +2999,13 @@ body:has(#items-view:not(.hidden)) {
}
.matches-board .match-skills {
max-width: 100%;
}
@media (max-width: 1200px) {
.match-skills {
flex-wrap: wrap;
}
flex-wrap: wrap;
}
.matches-board .rankings-aside {
align-items: stretch;
width: max-content;
min-width: 200px;
max-width: min(260px, 28vw);
}
.matches-origins,
.matches-players {
@@ -3012,6 +3017,9 @@ body:has(#items-view:not(.hidden)) {
.matches-board .rankings-aside .rankings-region-btn {
width: 100%;
box-sizing: border-box;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.matches-board .match-list {
gap: 12px;
@@ -3148,7 +3156,10 @@ body:has(#items-view:not(.hidden)) {
width: min(640px, 94%);
}
.matches-board .rankings-center-wrap.matches-center-wrap {
width: min(1680px, 94%);
width: min(var(--content-data), 94%);
}
.matches-board .rankings-aside {
max-width: none;
}
.rankings-aside {
position: static;