overleaf-cep/services/web/frontend/stylesheets/bootstrap-5/pages/admin/admin.scss
Jakob Ackermann 7c92e0719c [web] small tweaks for display of deleted projects in admin panel (#26747)
* [web] display project expiry date and badge

Co-authored-by: Alex Bourdin <alex.bourdin@overleaf.com>

* [web] redirect admins to deleted project page

* Expiration badge tweaks

* [web] fix frontend tests

---------

Co-authored-by: Alex Bourdin <alex.bourdin@overleaf.com>
GitOrigin-RevId: 42dafb5e4e3e781c87fa26092ea9b3400f471bb8
2025-07-03 08:05:03 +00:00

102 lines
2 KiB
SCSS

#survey-form,
#split-test-edit,
#split-test-create {
.material-switch {
input[type='checkbox'] {
display: none;
&:checked + label::before {
background: inherit;
opacity: 0.5;
}
&:checked + label::after {
background: inherit;
left: 20px;
}
&:disabled + label {
opacity: 0.5;
cursor: not-allowed;
}
}
label {
cursor: pointer;
height: 0;
position: relative;
width: 40px;
background-color: var(--bg-accent-01);
&::before {
background: rgb(0 0 0);
box-shadow: inset 0 0 10px rgb(0 0 0 / 50%);
border-radius: var(--border-radius-medium);
content: '';
height: 16px;
margin-top: calc(var(--spacing-01) * -1);
position: absolute;
opacity: 0.3;
transition: all 0.2s ease-in-out;
width: 40px;
}
&::after {
background: rgb(255 255 255);
border-radius: var(--border-radius-large);
box-shadow: 0 0 5px rgb(0 0 0 / 30%);
content: '';
height: 24px;
left: -4px;
margin-top: calc(var(--spacing-01) * -1);
position: absolute;
top: -4px;
transition: all 0.2s ease-in-out;
width: 24px;
}
}
}
.hr-sect {
display: flex;
flex-basis: 100%;
align-items: center;
color: rgb(0 0 0 / 35%);
margin: var(--spacing-04) 0;
}
.hr-sect::before,
.hr-sect::after {
content: '';
flex-grow: 1;
background: rgb(0 0 0 / 35%);
height: 1px;
font-size: 0;
line-height: 0;
margin: 0 var(--spacing-04);
}
}
#user-info-page {
.confirmed-email-color,
.trusted-email-color {
color: var(--green-60);
}
.unconfirmed-email-color {
color: var(--red-50);
}
.untrusted-email-color {
color: var(--yellow-50);
}
}
.admin-page summary {
// firefox does not show markers for block items
display: list-item;
}
.expiration-label {
vertical-align: super;
}