Tidy release picker profile toggle and repair display text
Magent CI/CD / verify (push) Successful in 2m15s
Magent CI/CD / deploy-prod (push) Skipped
Magent CI/CD / deploy-beta (push) Skipped

This commit is contained in:
2026-09-11 22:56:21 +12:00
parent 956fb3ecb1
commit 835d9c8de3
3 changed files with 54 additions and 5 deletions
+49
View File
@@ -4912,3 +4912,52 @@ textarea:focus {
max-height: calc(100vh - 84px);
}
}
/* Release picker control: independent of the user-management page stylesheet. */
.request-release-profile-toggle {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 20px;
padding: 14px 16px;
border: 1px solid var(--ops-border, #393941);
border-radius: 8px;
background: rgba(255, 255, 255, 0.025);
cursor: pointer;
}
.request-release-profile-toggle > span { display: grid; gap: 5px; min-width: 0; }
.request-release-profile-toggle strong { font-size: 0.85rem; line-height: 1.4; }
.request-release-profile-toggle small { color: var(--ops-muted); font-size: 0.75rem; line-height: 1.5; }
.request-release-profile-toggle input[type="checkbox"] {
appearance: none;
position: relative;
display: block;
width: 38px;
min-width: 38px;
height: 22px;
min-height: 22px;
margin: 0;
padding: 0;
border: 1px solid #62616d !important;
border-radius: 999px !important;
background: #45444e !important;
box-shadow: none;
cursor: pointer;
transition: background 0.15s;
}
.request-release-profile-toggle input[type="checkbox"]::before {
content: "";
position: absolute;
width: 14px;
height: 14px;
left: 3px;
top: 3px;
border-radius: 50%;
background: #eeedf5;
transition: transform 0.15s;
}
.request-release-profile-toggle input[type="checkbox"]:checked { background: #c7bdff !important; border-color: #c7bdff !important; }
.request-release-profile-toggle input[type="checkbox"]:checked::before { transform: translateX(16px); background: #181529; }
.request-release-profile-toggle input[type="checkbox"]:focus-visible { outline: 2px solid #c7bdff; outline-offset: 4px; }
.request-release-profile-toggle input[type="checkbox"]:disabled { cursor: wait; opacity: 0.5; }