2023-10-20 22:35:26 +08:00
|
|
|
|
/*
|
|
|
|
|
* SPDX-FileCopyrightText: 2023 XWiki CryptPad Team <contact@cryptpad.org> and contributors
|
|
|
|
|
*
|
|
|
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
|
|
|
*/
|
|
|
|
|
|
2018-07-13 00:43:17 +08:00
|
|
|
|
@import (reference) '../../customize/src/less2/include/sidebar-layout.less';
|
|
|
|
|
@import (reference) "../../customize/src/less2/include/limit-bar.less";
|
|
|
|
|
@import (reference) "../../customize/src/less2/include/creation.less";
|
2018-07-13 01:13:04 +08:00
|
|
|
|
@import (reference) '../../customize/src/less2/include/framework.less';
|
2020-10-08 21:02:05 +08:00
|
|
|
|
@import (reference) '../../customize/src/less2/include/export.less';
|
2017-12-06 00:48:30 +08:00
|
|
|
|
|
2017-11-09 21:23:40 +08:00
|
|
|
|
&.cp-app-settings {
|
2020-11-14 00:05:26 +08:00
|
|
|
|
.framework_min_main();
|
2018-07-14 21:15:23 +08:00
|
|
|
|
.sidebar-layout_main();
|
|
|
|
|
.limit-bar_main();
|
|
|
|
|
.creation_main();
|
|
|
|
|
|
2017-11-09 21:23:40 +08:00
|
|
|
|
display: flex;
|
|
|
|
|
flex-flow: column;
|
2018-04-19 17:14:22 +08:00
|
|
|
|
font: @colortheme_app-font;
|
2018-10-20 00:38:35 +08:00
|
|
|
|
|
2020-02-10 18:07:16 +08:00
|
|
|
|
.cp-sidebarlayout-element {
|
2020-02-10 18:16:17 +08:00
|
|
|
|
max-width: 650px;
|
2020-02-10 18:07:16 +08:00
|
|
|
|
}
|
|
|
|
|
|
2020-02-11 20:35:58 +08:00
|
|
|
|
div.alert {
|
|
|
|
|
font-size: @colortheme_app-font-size;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
2020-10-08 21:02:05 +08:00
|
|
|
|
.export_main();
|
2018-10-20 00:38:35 +08:00
|
|
|
|
|
2023-08-10 19:33:14 +08:00
|
|
|
|
.cp-settings-displayname .fa{
|
|
|
|
|
margin-left: 0.5rem;
|
|
|
|
|
}
|
|
|
|
|
.cp-settings-mediatag-size .fa{
|
|
|
|
|
margin-left: 0.5rem;
|
|
|
|
|
}
|
|
|
|
|
|
2024-07-26 03:25:26 +08:00
|
|
|
|
.alertify {
|
|
|
|
|
nav {
|
|
|
|
|
display: flex;
|
2024-07-30 23:01:06 +08:00
|
|
|
|
justify-content: flex-end;
|
2024-07-26 03:25:26 +08:00
|
|
|
|
align-items: flex-end;
|
2024-08-02 19:51:22 +08:00
|
|
|
|
.btn-confirm {
|
|
|
|
|
white-space: normal;
|
|
|
|
|
}
|
2024-07-26 03:25:26 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2017-11-09 21:23:40 +08:00
|
|
|
|
#cp-sidebarlayout-container {
|
|
|
|
|
#cp-sidebarlayout-rightside {
|
2024-08-05 19:11:40 +08:00
|
|
|
|
input, button, span[tabindex="0"] {
|
2024-08-19 21:52:20 +08:00
|
|
|
|
&:focus-visible {
|
2024-08-05 19:11:40 +08:00
|
|
|
|
outline: @variables_focus_style;
|
|
|
|
|
}
|
|
|
|
|
}
|
2017-12-23 01:01:15 +08:00
|
|
|
|
input[type="checkbox"] {
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
margin-right: 5px;
|
2017-11-09 21:23:40 +08:00
|
|
|
|
}
|
2019-07-25 20:13:14 +08:00
|
|
|
|
.cp-settings-cursor-color-picker {
|
2022-05-06 20:00:35 +08:00
|
|
|
|
border-radius: @variables_radius;
|
2019-07-25 20:13:14 +08:00
|
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
height: 25px;
|
|
|
|
|
width: 70px;
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
border: 1px solid black;
|
2018-12-06 20:48:14 +08:00
|
|
|
|
}
|
2017-11-09 21:23:40 +08:00
|
|
|
|
.cp-settings-language-selector {
|
2020-02-06 23:06:09 +08:00
|
|
|
|
#cp-language-selector {
|
|
|
|
|
display: inline;
|
|
|
|
|
}
|
2017-11-09 21:23:40 +08:00
|
|
|
|
button.btn {
|
2024-03-20 20:45:36 +08:00
|
|
|
|
width: @sidebar_block-width;
|
2020-02-06 23:06:09 +08:00
|
|
|
|
max-width: 100%;
|
|
|
|
|
margin: 0 !important;
|
2017-11-09 21:23:40 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.cp-sidebarlayout-input-block {
|
|
|
|
|
input {
|
|
|
|
|
border-top-right-radius: 0;
|
|
|
|
|
border-bottom-right-radius: 0;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
padding-left: 15px;
|
|
|
|
|
&[type="number"] {
|
2020-02-05 21:11:25 +08:00
|
|
|
|
height: @variables_input-height + 2px; // to avoid cropped numbers
|
2017-11-09 21:23:40 +08:00
|
|
|
|
border-right: 1px solid #adadad;
|
|
|
|
|
}
|
|
|
|
|
&[type="checkbox"] {
|
|
|
|
|
margin-right: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-11-27 01:15:36 +08:00
|
|
|
|
& > .fa {
|
|
|
|
|
align-self: center;
|
|
|
|
|
margin-right: -16px;
|
|
|
|
|
}
|
2017-11-09 21:23:40 +08:00
|
|
|
|
}
|
|
|
|
|
.cp-settings-info-block {
|
|
|
|
|
[type="text"] {
|
2024-03-20 20:45:36 +08:00
|
|
|
|
width: @sidebar_block-width;
|
2020-02-06 23:06:09 +08:00
|
|
|
|
max-width: 100%;
|
2017-11-09 21:23:40 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2018-08-28 17:42:48 +08:00
|
|
|
|
|
2020-08-05 17:17:00 +08:00
|
|
|
|
.cp-settings-radio-container {
|
2018-08-28 17:42:48 +08:00
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
label {
|
2023-08-11 19:17:27 +08:00
|
|
|
|
padding-right: 1rem;
|
2023-08-14 17:12:55 +08:00
|
|
|
|
padding-bottom:0.5rem;
|
2018-08-28 17:42:48 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2023-06-20 18:52:04 +08:00
|
|
|
|
.cp-password-container {
|
2023-06-29 20:59:56 +08:00
|
|
|
|
.cp-password-input{
|
|
|
|
|
margin-top:0.5rem;
|
|
|
|
|
}
|
2018-06-20 16:02:56 +08:00
|
|
|
|
[type="password"], [type="text"] {
|
2024-03-20 20:45:36 +08:00
|
|
|
|
//width: @sidebar_block-width;
|
2018-06-20 16:02:56 +08:00
|
|
|
|
flex: unset;
|
|
|
|
|
}
|
|
|
|
|
button {
|
2023-06-29 20:59:56 +08:00
|
|
|
|
margin-top:0;
|
2023-06-20 18:52:04 +08:00
|
|
|
|
margin-left: 10px;
|
2018-06-20 16:02:56 +08:00
|
|
|
|
}
|
2024-08-05 19:11:40 +08:00
|
|
|
|
.cp-password-reveal {
|
|
|
|
|
border-radius:@variables_radius;
|
|
|
|
|
}
|
2018-06-20 16:02:56 +08:00
|
|
|
|
}
|
2024-07-26 03:25:26 +08:00
|
|
|
|
nav {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
}
|
2023-06-29 20:59:56 +08:00
|
|
|
|
@media (max-width: 840px) {
|
|
|
|
|
|
|
|
|
|
.cp-password-container {
|
|
|
|
|
button {
|
2023-07-10 16:42:28 +08:00
|
|
|
|
//margin-top: 10px;
|
2023-06-29 20:59:56 +08:00
|
|
|
|
margin-left: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2018-01-11 23:02:05 +08:00
|
|
|
|
.cp-settings-drive-backup {
|
2017-11-09 21:23:40 +08:00
|
|
|
|
button {
|
|
|
|
|
span.fa {
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
}
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-06-20 18:52:04 +08:00
|
|
|
|
.cp-settings-mfa {
|
2023-06-06 18:34:24 +08:00
|
|
|
|
.cp-settings-qr {
|
|
|
|
|
img {
|
|
|
|
|
border: 10px solid white;
|
2023-06-20 18:52:04 +08:00
|
|
|
|
border-radius: 10px;
|
|
|
|
|
}
|
|
|
|
|
margin: 10px 20px 20px 0;
|
|
|
|
|
}
|
2023-06-29 20:59:56 +08:00
|
|
|
|
@media(max-width:750px){
|
|
|
|
|
.cp-settings-qr {
|
|
|
|
|
img {
|
|
|
|
|
max-width:80%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
margin: 0 0 1rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-06-20 18:52:04 +08:00
|
|
|
|
}
|
|
|
|
|
.cp-settings-mfa-hint {
|
|
|
|
|
color: @cp_sidebar-hint;
|
|
|
|
|
}
|
|
|
|
|
.cp-settings-mfa-status {
|
|
|
|
|
& > i {
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
}
|
|
|
|
|
margin: 1em 0;
|
|
|
|
|
}
|
|
|
|
|
.cp-settings-mfa {
|
|
|
|
|
.cp-password-container {
|
|
|
|
|
flex-wrap: wrap;
|
2023-06-29 20:59:56 +08:00
|
|
|
|
gap:0.5rem;
|
|
|
|
|
|
|
|
|
|
justify-content:flex-start;
|
2023-06-20 18:52:04 +08:00
|
|
|
|
input {
|
|
|
|
|
flex-shrink: 1;
|
|
|
|
|
max-width: 400px;
|
|
|
|
|
}
|
|
|
|
|
label {
|
|
|
|
|
width: 100%;
|
|
|
|
|
font-weight: unset;
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.cp-settings-qr-container {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
.cp-settings-qr-code {
|
|
|
|
|
input {
|
|
|
|
|
max-width: 250px;
|
|
|
|
|
}
|
|
|
|
|
button {
|
2023-07-01 01:03:20 +08:00
|
|
|
|
margin-top: 10px;
|
2023-06-20 18:52:04 +08:00
|
|
|
|
}
|
2023-06-06 18:34:24 +08:00
|
|
|
|
}
|
2023-06-29 20:59:56 +08:00
|
|
|
|
.cp-settings-qr-code,.cp-button-confirm{
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
button{
|
2023-07-01 01:03:20 +08:00
|
|
|
|
margin-top:1.5rem;
|
|
|
|
|
margin-bottom:1.5rem;
|
2023-06-29 20:59:56 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media(max-width:750px){
|
|
|
|
|
.cp-settings-qr-container {
|
2023-07-01 01:03:20 +08:00
|
|
|
|
margin-top:1rem;
|
2023-06-29 20:59:56 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2023-07-01 01:03:20 +08:00
|
|
|
|
.btn-primary .fa.fa-check{
|
2023-06-29 20:59:56 +08:00
|
|
|
|
color:white;
|
2023-07-01 01:03:20 +08:00
|
|
|
|
width:1rem;
|
|
|
|
|
height:1rem;
|
|
|
|
|
margin: 0 2px 0 0;
|
2023-06-06 18:34:24 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2017-11-09 21:23:40 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2018-03-19 21:04:44 +08:00
|
|
|
|
|
|
|
|
|
.cp-app-settings-delete-alert {
|
|
|
|
|
pre { color: inherit; }
|
|
|
|
|
}
|
2017-11-09 21:23:40 +08:00
|
|
|
|
}
|
|
|
|
|
|