Tidy release picker profile toggle and repair display text
This commit is contained in:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user