Skip to content

Commit 3e78771

Browse files
yulin0629yulin0629
committed
fix: 修正 Markdown lightbox 關閉按鈕定位問題
- 將關閉按鈕從內容區塊移到 modal 層級 - 使用 position: fixed 確保按鈕不隨內容滾動 - 更新 CSS/JS 版本號避免快取問題
1 parent c8de8be commit 3e78771

4 files changed

Lines changed: 17 additions & 11 deletions

File tree

‎05-unit-testing/index.html‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,11 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
7+
<meta http-equiv="Pragma" content="no-cache">
8+
<meta http-equiv="Expires" content="0">
69
<title>數據分析工具 - Agent 測試實驗室</title>
7-
<link rel="stylesheet" href="style.css">
10+
<link rel="stylesheet" href="style.css?v=20250602230252">
811
</head>
912
<body>
1013
<div class="container">
@@ -141,7 +144,7 @@ <h4>數據品質</h4>
141144
</div>
142145
</div>
143146

144-
<script src="dataProcessor.js"></script>
145-
<script src="app.js"></script>
147+
<script src="dataProcessor.js?v=20250602230252"></script>
148+
<script src="app.js?v=20250602230252"></script>
146149
</body>
147150
</html>

‎06-code-refactoring/index.html‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,11 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
7+
<meta http-equiv="Pragma" content="no-cache">
8+
<meta http-equiv="Expires" content="0">
69
<title>遺留系統重構實驗室 - Agent 架構師</title>
7-
<link rel="stylesheet" href="style.css">
10+
<link rel="stylesheet" href="style.css?v=20250602230252">
811
</head>
912
<body>
1013
<div class="container">
@@ -202,7 +205,7 @@ <h3>🤖 Agent 60% 模式指南</h3>
202205
</div>
203206
</div>
204207

205-
<script src="legacy-code/monolith.js"></script>
206-
<script src="app.js"></script>
208+
<script src="legacy-code/monolith.js?v=20250602230252"></script>
209+
<script src="app.js?v=20250602230252"></script>
207210
</body>
208211
</html>

‎index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<meta http-equiv="Expires" content="0">
99
<meta name="theme-color" content="#000000">
1010
<title>GitHub Copilot 教學專案</title>
11-
<link rel="stylesheet" href="style.css?v=20250602230252">
11+
<link rel="stylesheet" href="style.css?v=20250603001">
1212
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
1313
<script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>
1414
</head>
@@ -344,14 +344,14 @@ <h3 style="font-size: 1.25rem; font-weight: 600; color: #1d1d1f; margin-bottom:
344344

345345
<!-- Markdown Modal -->
346346
<div id="markdownModal" class="markdown-modal">
347+
<button class="markdown-close" onclick="closeMarkdown()" aria-label="關閉"></button>
347348
<div class="markdown-content">
348-
<button class="markdown-close" onclick="closeMarkdown()" aria-label="關閉"></button>
349349
<div id="markdownBody">
350350
<div class="markdown-loading">載入中...</div>
351351
</div>
352352
</div>
353353
</div>
354354

355-
<script src="script.js?v=20250602230252"></script>
355+
<script src="script.js?v=20250603001"></script>
356356
</body>
357357
</html>

‎style.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -660,9 +660,9 @@ body {
660660
}
661661

662662
.markdown-close {
663-
position: absolute;
663+
position: fixed;
664664
top: 70px;
665-
right: 20px;
665+
right: calc(5% + 20px);
666666
width: 36px;
667667
height: 36px;
668668
cursor: pointer;

0 commit comments

Comments
 (0)