Skip to content

Commit 7218006

Browse files
committed
v14.0-G7: send code btn absolute positioned text-only, no hover bg
1 parent 052969e commit 7218006

1 file changed

Lines changed: 11 additions & 8 deletions

File tree

extension/src/sidebarProvider.ts

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1702,15 +1702,18 @@ ${commonRules}`;
17021702
}
17031703
.sdrop-eye-btn:hover { opacity: 1; }
17041704
.sdrop-eye-btn:focus { outline: none; }
1705-
/* 发送验证码 — 嵌入式蓝字按钮 */
1705+
/* 发送验证码——绝对定位文字按钮 */
1706+
.sdrop-code-wrap { position: relative; margin-bottom: 5px; }
1707+
.sdrop-code-wrap input { width: 100%; box-sizing: border-box; padding-right: 38px; }
17061708
.sdrop-send-code-btn {
1707-
flex-shrink: 0; padding: 0 8px; height: 100%;
1708-
background: none; border: none; cursor: pointer;
1709+
position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
1710+
background: none; border: none; padding: 0;
17091711
font-size: 11px; font-weight: 600; color: var(--btn-bg);
1710-
white-space: nowrap; outline: none;
1712+
cursor: pointer; outline: none; line-height: 1;
1713+
-webkit-tap-highlight-color: transparent;
17111714
}
1712-
.sdrop-send-code-btn:disabled { opacity: 0.4; cursor: not-allowed; }
1713-
.sdrop-send-code-btn:hover:not(:disabled) { opacity: 0.75; }
1715+
.sdrop-send-code-btn:hover:not(:disabled) { opacity: 0.65; }
1716+
.sdrop-send-code-btn:disabled { opacity: 0.35; cursor: not-allowed; }
17141717
.sdrop-login-btn {
17151718
width: 100%; height: 28px; padding: 0 6px; font-size: 11px; font-weight: 600;
17161719
background: var(--btn-bg); color: var(--btn-fg);
@@ -1782,8 +1785,8 @@ ${commonRules}`;
17821785
<div id="registerForm" style="display:none">
17831786
<div id="regError" class="auth-error"></div>
17841787
<input id="regEmail" type="email" placeholder="邮箱地址" autocomplete="email" />
1785-
<div class="sdrop-pass-wrap">
1786-
<input id="regCode" type="text" placeholder="邮箱验证码(6位)" autocomplete="off" maxlength="6" />
1788+
<div class="sdrop-code-wrap">
1789+
<input id="regCode" type="text" placeholder="输入验证码" autocomplete="off" maxlength="6" />
17871790
<button class="sdrop-send-code-btn" id="btnSendCode">发送</button>
17881791
</div>
17891792
<input id="regUser" type="text" placeholder="用户名" autocomplete="username" />

0 commit comments

Comments
 (0)