Skip to content

Commit badec75

Browse files
committed
feat: move reset button inline into status card (same row as current language)
1 parent 0b3c08b commit badec75

1 file changed

Lines changed: 20 additions & 10 deletions

File tree

popup.html

Lines changed: 20 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -31,13 +31,21 @@
3131
margin-bottom: 15px;
3232
}
3333

34-
/* 状态卡:当前语言醒目展示 */
34+
/* 状态卡:当前语言醒目展示,重置按钮内嵌同行 */
3535
.status-card {
36-
padding: 10px 12px;
36+
display: flex;
37+
align-items: center;
38+
justify-content: space-between;
39+
gap: 8px;
40+
padding: 8px 10px 8px 12px;
3741
border: 1px solid var(--bs-border-color);
3842
border-radius: 8px;
3943
background-color: var(--bs-tertiary-bg);
4044
margin-bottom: 12px;
45+
}
46+
47+
.status-card #statusText {
48+
flex: 1;
4149
text-align: center;
4250
}
4351

@@ -191,11 +199,13 @@
191199
background-image: radial-gradient(circle at 50% 0, #f5f5f5, #c4c4c4);
192200
}
193201

194-
/* 重置按钮位置:与主题按钮同行并列 */
202+
/* 重置按钮内嵌状态卡右侧(覆盖 .toggle 的角落绝对定位) */
195203
#resetBtn {
196-
position: absolute;
197-
top: 5px;
198-
right: 38px;
204+
position: static;
205+
flex-shrink: 0;
206+
width: 24px;
207+
height: 24px;
208+
font-size: 0.8rem;
199209
}
200210

201211
/* 更新检查按钮基础样式 - 独特的淡紫色调 */
@@ -454,9 +464,6 @@
454464
<body class="popup-body">
455465
<!-- 主题切换按钮 -->
456466
<button id="themeToggleBtn" class="toggle" data-i18n-title="theme_toggle"></button>
457-
<!-- 重置Accept-Language按钮 -->
458-
<button id="resetBtn" class="toggle" data-i18n-title="reset_accept_language_tooltip"><img src="images/reset.svg" id="resetBtnImg" width="16" height="16"
459-
class="invert-on-dark" data-i18n-alt="reset_accept_language_tooltip"></button>
460467

461468
<div class="container">
462469
<!-- 页面头部 -->
@@ -465,9 +472,12 @@ <h4 id="extensionName" data-i18n="extension_name"></h4>
465472
<p class="text-muted mb-0" id="extensionSubtitle" data-i18n="subtitle"></p>
466473
</div>
467474

468-
<!-- 当前状态卡:当前语言一目了然 -->
475+
<!-- 当前状态卡:当前语言一目了然,重置按钮贴着状态 -->
469476
<div class="status-card">
470477
<p id="statusText" class="mb-0"></p>
478+
<!-- 重置Accept-Language按钮 -->
479+
<button id="resetBtn" class="toggle" data-i18n-title="reset_accept_language_tooltip"><img src="images/reset.svg" id="resetBtnImg" width="16" height="16"
480+
class="invert-on-dark" data-i18n-alt="reset_accept_language_tooltip"></button>
471481
</div>
472482

473483
<!-- 错误提示区域 -->

0 commit comments

Comments
 (0)