overleaf/services/web/frontend/stylesheets/modules/overleaf-integration.less
Domagoj Kriskovic 96c11e8755 Add privacy measures for onboarding data collection (#16121)
* Privacy measures for onboarding data collection

* remove unused

* remove single quote

* translation update

* Update aria-expanded attribute

* Update privacy notice link and newsletter message

* Fix cookie banner visibility issue

* Add name usage explanation in onboarding step 1

* apply PR suggestions

* expire code message

* Remove unused translation key

GitOrigin-RevId: 63bfb55def757d464b3b3ce0081c0788aab17e67
2023-12-12 09:03:59 +00:00

156 lines
2.4 KiB
Text

.onboarding-confirm-email {
max-width: 400px;
padding: 24px;
margin: 0 auto;
background: @white;
display: flex;
flex-direction: column;
gap: 24px;
.logo {
width: 130px;
margin: 0 auto;
}
form {
.text-danger {
display: flex;
gap: 6px;
padding: 4px;
.icon {
padding-top: 2px;
}
}
.form-actions {
display: flex;
flex-direction: column;
gap: 12px;
padding-top: 20px;
}
}
}
.onboarding-data-collection-wrapper {
max-width: 720px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 10px;
.onboarding-data-collection-form {
background: #fff;
padding: 24px;
display: flex;
flex-direction: column;
gap: 24px;
}
.ui-select-container,
.select-wrapper {
label {
font-size: 14px; // override DownshiftInput and Select component label size
}
.select-items {
max-height: 150px;
}
.select-trigger {
border: 1px solid @neutral-60;
color: @neutral-60;
}
}
.onboarding-question-title {
font-size: 20px;
border-bottom: none;
}
p {
font-size: 16px;
margin-bottom: 16px;
}
.logo {
width: 130px;
margin: 0 auto;
}
form {
display: flex;
flex-direction: column;
gap: 24px;
.group-horizontal {
display: flex;
justify-content: stretch;
gap: 24px;
@media (max-width: @screen-xs-max) {
flex-direction: column;
gap: 0;
}
.form-group {
flex-grow: 1;
}
}
.form-actions {
display: flex;
justify-content: space-between;
> div {
display: flex;
align-items: center;
gap: 8px;
button.btn-info-ghost {
color: @neutral-90;
}
}
}
}
.onboarding-step-2 {
.checkbox {
margin: 0;
p {
margin-bottom: 0;
}
label {
display: flex;
align-items: center;
gap: 8px;
input {
margin-right: 4px;
}
}
}
}
.onboarding-collapse-button {
display: flex;
align-items: center;
cursor: pointer;
color: @blue-50;
user-select: none;
}
.onboarding-collapse-button,
.onboarding-privacy-extended {
@media (max-width: @screen-xs-max) {
padding: 0 24px;
}
}
}
.onboarding-data-collection-form-margin {
@media (max-width: @screen-xs-max) {
margin-bottom: 100px;
}
}