Files
overleaf-cep/services/web/frontend/stylesheets/bootstrap-5/pages/admin/admin.scss
T
Antoine Clausse 58548ca6f3 [web] Migrate metrics module Pug files to Bootstrap 5 (2) (#26199)
* Reapply "[web] Migrate metrics module Pug files to Bootstrap 5 (#25745)"

This reverts commit 0962383998f29313cc1fa33b98255a38896738a0.

* Remove foot-scripts from metricsApp.pug

* Fix loading-overlay position

* Hide carets on print display

* Fix Dropdown

* Fix Tooltips

GitOrigin-RevId: 754d9a004f7b476578ee20565203aef98b08bbf4
2025-06-12 08:05:16 +00:00

99 lines
1.9 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;
}