Merge branch 'coati' into kanban
This commit is contained in:
BIN
customize.dist/loading-logo.png
Normal file
BIN
customize.dist/loading-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
201
customize.dist/loading.js
Normal file
201
customize.dist/loading.js
Normal file
@@ -0,0 +1,201 @@
|
||||
// dark #326599
|
||||
// light #4591c4
|
||||
define([], function () {
|
||||
var loadingStyle = (function(){/*
|
||||
#cp-loading {
|
||||
transition: opacity 0.75s, visibility 0s 0.75s;
|
||||
visibility: visible;
|
||||
position: fixed;
|
||||
z-index: 10000000;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
background: linear-gradient(to right, #326599 0%, #326599 50%, #4591c4 50%, #4591c4 100%);
|
||||
color: #fafafa;
|
||||
font-size: 1.5em;
|
||||
opacity: 1;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
#cp-loading.cp-loading-hidden {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
#cp-loading .cp-loading-logo {
|
||||
height: 300px;
|
||||
width: 300px;
|
||||
margin-top: 50px;
|
||||
flex: 0 1 auto;
|
||||
min-height: 0;
|
||||
text-align: center;
|
||||
}
|
||||
#cp-loading .cp-loading-logo img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
#cp-loading .cp-loading-container {
|
||||
width: 700px;
|
||||
max-width: 90vw;
|
||||
height: 500px;
|
||||
max-height: calc(100vh - 20px);
|
||||
margin: 50px;
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
justify-content: center;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
}
|
||||
@media screen and (max-height: 800px) {
|
||||
#cp-loading .cp-loading-container {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 600px) {
|
||||
#cp-loading .cp-loading-container {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
#cp-loading .cp-loading-cryptofist {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
//height: 300px;
|
||||
max-width: 90vw;
|
||||
max-height: 300px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
@media screen and (max-height: 500px) {
|
||||
#cp-loading .cp-loading-logo {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
#cp-loading-message {
|
||||
background: #FFF;
|
||||
padding: 20px;
|
||||
width: 100%;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
#cp-loading-password-prompt {
|
||||
font-size: 18px;
|
||||
}
|
||||
#cp-loading-password-prompt .cp-password-error {
|
||||
color: white;
|
||||
background: #9e0000;
|
||||
padding: 5px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
#cp-loading-password-prompt .cp-password-info {
|
||||
text-align: left;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
#cp-loading-password-prompt .cp-password-form {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
#cp-loading-password-prompt .cp-password-form button,
|
||||
#cp-loading-password-prompt .cp-password-form .cp-password-input {
|
||||
background-color: #4591c4;
|
||||
color: white;
|
||||
border: 1px solid #4591c4;
|
||||
}
|
||||
#cp-loading-password-prompt .cp-password-form .cp-password-container {
|
||||
flex-shrink: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
#cp-loading-password-prompt .cp-password-form input {
|
||||
flex: 1;
|
||||
padding: 0 5px;
|
||||
min-width: 0;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
#cp-loading-password-prompt .cp-password-form button:hover {
|
||||
background-color: #326599;
|
||||
}
|
||||
#cp-loading .cp-loading-spinner-container {
|
||||
position: relative;
|
||||
height: 100px;
|
||||
}
|
||||
#cp-loading .cp-loading-spinner-container > div {
|
||||
height: 100px;
|
||||
}
|
||||
#cp-loading-tip {
|
||||
position: fixed;
|
||||
z-index: 10000000;
|
||||
top: 80%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
transition: opacity 750ms;
|
||||
transition-delay: 3000ms;
|
||||
}
|
||||
@media screen and (max-height: 600px) {
|
||||
#cp-loading-tip {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
#cp-loading-tip span {
|
||||
background: #222;
|
||||
color: #fafafa;
|
||||
text-align: center;
|
||||
font-size: 1.5em;
|
||||
opacity: 0.7;
|
||||
font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
padding: 15px;
|
||||
max-width: 60%;
|
||||
display: inline-block;
|
||||
}
|
||||
.cp-loading-progress {
|
||||
width: 100%;
|
||||
margin: 20px;
|
||||
}
|
||||
.cp-loading-progress p {
|
||||
margin: 5px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.cp-loading-progress-bar {
|
||||
height: 24px;
|
||||
background: white;
|
||||
}
|
||||
.cp-loading-progress-bar-value {
|
||||
height: 100%;
|
||||
background: #5cb85c;
|
||||
}
|
||||
*/}).toString().slice(14, -3);
|
||||
var urlArgs = window.location.href.replace(/^.*\?([^\?]*)$/, function (all, x) { return x; });
|
||||
var elem = document.createElement('div');
|
||||
elem.setAttribute('id', 'cp-loading');
|
||||
elem.innerHTML = [
|
||||
'<style>',
|
||||
loadingStyle,
|
||||
'</style>',
|
||||
'<div class="cp-loading-logo">',
|
||||
'<img class="cp-loading-cryptofist" src="/customize/loading-logo.png?' + urlArgs + '">',
|
||||
'</div>',
|
||||
'<div class="cp-loading-container">',
|
||||
'<div class="cp-loading-spinner-container">',
|
||||
'<span class="fa fa-circle-o-notch fa-spin fa-4x fa-fw"></span>',
|
||||
'</div>',
|
||||
'<p id="cp-loading-message"></p>',
|
||||
'</div>'
|
||||
].join('');
|
||||
return function () {
|
||||
var intr;
|
||||
var append = function () {
|
||||
if (!document.body) { return; }
|
||||
clearInterval(intr);
|
||||
document.body.appendChild(elem);
|
||||
};
|
||||
intr = setInterval(append, 100);
|
||||
append();
|
||||
};
|
||||
});
|
||||
@@ -154,6 +154,7 @@ define([
|
||||
proxy.login_name = uname;
|
||||
proxy[Constants.displayNameKey] = uname;
|
||||
sessionStorage.createReadme = 1;
|
||||
if (!shouldImport) { proxy.version = 6; }
|
||||
Feedback.send('REGISTRATION', true);
|
||||
} else {
|
||||
Feedback.send('LOGIN', true);
|
||||
@@ -212,6 +213,7 @@ define([
|
||||
loadingText: Messages.login_hashing,
|
||||
hideTips: true,
|
||||
});
|
||||
|
||||
// We need a setTimeout(cb, 0) otherwise the loading screen is only displayed
|
||||
// after hashing the password
|
||||
window.setTimeout(function () {
|
||||
@@ -256,7 +258,10 @@ define([
|
||||
// logMeIn should reset registering = false
|
||||
UI.removeLoadingScreen(function () {
|
||||
UI.confirm(Messages.register_alreadyRegistered, function (yes) {
|
||||
if (!yes) { return; }
|
||||
if (!yes) {
|
||||
hashing = false;
|
||||
return;
|
||||
}
|
||||
proxy.login_name = uname;
|
||||
|
||||
if (!proxy[Constants.displayNameKey]) {
|
||||
|
||||
@@ -73,7 +73,7 @@ define([
|
||||
])
|
||||
])
|
||||
]),
|
||||
h('div.cp-version-footer', "CryptPad v1.28.0 (toString)")
|
||||
h('div.cp-version-footer', "CryptPad v2.0.0 (Alpaca)")
|
||||
]);
|
||||
};
|
||||
|
||||
@@ -93,16 +93,25 @@ define([
|
||||
]);
|
||||
}
|
||||
|
||||
var button = h('button.navbar-toggler', {
|
||||
'type':'button',
|
||||
/*'data-toggle':'collapse',
|
||||
'data-target':'#menuCollapse',
|
||||
'aria-controls': 'menuCollapse',
|
||||
'aria-expanded':'false',
|
||||
'aria-label':'Toggle navigation'*/
|
||||
}, h('i.fa.fa-bars '));
|
||||
|
||||
$(button).click(function () {
|
||||
if ($('#menuCollapse').is(':visible')) {
|
||||
return void $('#menuCollapse').slideUp();
|
||||
}
|
||||
$('#menuCollapse').slideDown();
|
||||
});
|
||||
|
||||
return h('nav.navbar.navbar-expand-lg',
|
||||
h('a.navbar-brand', { href: '/index.html'}),
|
||||
h('button.navbar-toggler', {
|
||||
'type':'button',
|
||||
'data-toggle':'collapse',
|
||||
'data-target':'#menuCollapse',
|
||||
'aria-controls': 'menuCollapse',
|
||||
'aria-expanded':'false',
|
||||
'aria-label':'Toggle navigation'
|
||||
}, h('i.fa.fa-bars ')),
|
||||
button,
|
||||
h('div.collapse.navbar-collapse.justify-content-end#menuCollapse', [
|
||||
//h('a.nav-item.nav-link', { href: '/what-is-cryptpad.html'}, Msg.topbar_whatIsCryptpad), // Moved the FAQ
|
||||
h('a.nav-item.nav-link', { href: '/faq.html'}, Msg.faq_link),
|
||||
@@ -619,23 +628,87 @@ define([
|
||||
];
|
||||
};
|
||||
|
||||
var loadingScreen = Pages.loadingScreen = function () {
|
||||
return h('div#cp-loading',
|
||||
h('div.cp-loading-container', [
|
||||
h('img.cp-loading-cryptofist', {
|
||||
src: '/customize/cryptpad-new-logo-colors-logoonly.png?' + urlArgs
|
||||
}),
|
||||
h('div.cp-loading-spinner-container',
|
||||
h('span.fa.fa-circle-o-notch.fa-spin.fa-4x.fa-fw')),
|
||||
h('p'),
|
||||
])
|
||||
);
|
||||
Pages.createCheckbox = function (id, labelTxt, checked, opts) {
|
||||
opts = opts|| {};
|
||||
// Input properties
|
||||
var inputOpts = {
|
||||
type: 'checkbox',
|
||||
id: id
|
||||
};
|
||||
if (checked) { inputOpts.checked = 'checked'; }
|
||||
$.extend(inputOpts, opts.input || {});
|
||||
|
||||
// Label properties
|
||||
var labelOpts = {};
|
||||
$.extend(labelOpts, opts.label || {});
|
||||
if (labelOpts.class) { labelOpts.class += ' cp-checkmark'; }
|
||||
|
||||
// Mark properties
|
||||
var markOpts = { tabindex: 0 };
|
||||
$.extend(markOpts, opts.mark || {});
|
||||
|
||||
var input = h('input', inputOpts);
|
||||
var mark = h('span.cp-checkmark-mark', markOpts);
|
||||
var label = h('span.cp-checkmark-label', labelTxt);
|
||||
|
||||
$(mark).keydown(function (e) {
|
||||
if (e.which === 32) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
$(input).prop('checked', !$(input).is(':checked'));
|
||||
$(input).change();
|
||||
}
|
||||
});
|
||||
|
||||
$(input).change(function () { $(mark).focus(); });
|
||||
|
||||
return h('label.cp-checkmark', labelOpts, [
|
||||
input,
|
||||
mark,
|
||||
label
|
||||
]);
|
||||
};
|
||||
|
||||
var hiddenLoader = function () {
|
||||
var loader = loadingScreen();
|
||||
loader.style.display = 'none';
|
||||
return loader;
|
||||
Pages.createRadio = function (name, id, labelTxt, checked, opts) {
|
||||
opts = opts|| {};
|
||||
// Input properties
|
||||
var inputOpts = {
|
||||
type: 'radio',
|
||||
id: id,
|
||||
name: name
|
||||
};
|
||||
if (checked) { inputOpts.checked = 'checked'; }
|
||||
$.extend(inputOpts, opts.input || {});
|
||||
|
||||
// Label properties
|
||||
var labelOpts = {};
|
||||
$.extend(labelOpts, opts.label || {});
|
||||
if (labelOpts.class) { labelOpts.class += ' cp-checkmark'; }
|
||||
|
||||
// Mark properties
|
||||
var markOpts = { tabindex: 0 };
|
||||
$.extend(markOpts, opts.mark || {});
|
||||
|
||||
var input = h('input', inputOpts);
|
||||
var mark = h('span.cp-radio-mark', markOpts);
|
||||
var label = h('span.cp-checkmark-label', labelTxt);
|
||||
|
||||
$(mark).keydown(function (e) {
|
||||
if (e.which === 32) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
$(input).prop('checked', !$(input).is(':checked'));
|
||||
$(input).change();
|
||||
}
|
||||
});
|
||||
|
||||
$(input).change(function () { $(mark).focus(); });
|
||||
|
||||
return h('label.cp-radio', labelOpts, [
|
||||
input,
|
||||
mark,
|
||||
label
|
||||
]);
|
||||
};
|
||||
|
||||
Pages['/user/'] = Pages['/user/index.html'] = function () {
|
||||
@@ -681,27 +754,10 @@ define([
|
||||
placeholder: Msg.login_confirm,
|
||||
}),
|
||||
h('div.checkbox-container', [
|
||||
h('input#import-recent', {
|
||||
name: 'import-recent',
|
||||
type: 'checkbox',
|
||||
checked: true
|
||||
}),
|
||||
// hscript doesn't generate for on label for some
|
||||
// reason... use jquery as a temporary fallback
|
||||
setHTML($('<label for="import-recent"></label>')[0], Msg.register_importRecent)
|
||||
/*h('label', {
|
||||
'for': 'import-recent',
|
||||
}, Msg.register_importRecent),*/
|
||||
Pages.createCheckbox('import-recent', Msg.register_importRecent, true)
|
||||
]),
|
||||
h('div.checkbox-container', [
|
||||
h('input#accept-terms', {
|
||||
name: 'accept-terms',
|
||||
type: 'checkbox'
|
||||
}),
|
||||
setHTML($('<label for="accept-terms"></label>')[0], Msg.register_acceptTerms)
|
||||
/*setHTML(h('label', {
|
||||
'for': 'accept-terms',
|
||||
}), Msg.register_acceptTerms),*/
|
||||
$(Pages.createCheckbox('accept-terms')).find('.cp-checkmark-label').append(Msg.register_acceptTerms).parent()[0]
|
||||
]),
|
||||
h('button#register.btn.cp-login-register', Msg.login_register)
|
||||
])
|
||||
@@ -716,7 +772,6 @@ define([
|
||||
]),
|
||||
|
||||
infopageFooter(),
|
||||
hiddenLoader(),
|
||||
])];
|
||||
};
|
||||
|
||||
@@ -743,17 +798,7 @@ define([
|
||||
placeholder: Msg.login_password,
|
||||
}),
|
||||
h('div.checkbox-container', [
|
||||
h('input#import-recent', {
|
||||
name: 'import-recent',
|
||||
type: 'checkbox',
|
||||
checked: true
|
||||
}),
|
||||
// hscript doesn't generate for on label for some
|
||||
// reason... use jquery as a temporary fallback
|
||||
setHTML($('<label for="import-recent"></label>')[0], Msg.register_importRecent)
|
||||
/*h('label', {
|
||||
'for': 'import-recent',
|
||||
}, Msg.register_importRecent),*/
|
||||
Pages.createCheckbox('import-recent', Msg.register_importRecent, true),
|
||||
]),
|
||||
h('div.extra', [
|
||||
h('button.login.first.btn', Msg.login_login)
|
||||
@@ -762,7 +807,6 @@ define([
|
||||
]),
|
||||
]),
|
||||
infopageFooter(),
|
||||
hiddenLoader(),
|
||||
])];
|
||||
};
|
||||
|
||||
|
||||
@@ -12,14 +12,11 @@
|
||||
|
||||
@alertify-btn-fg: @alertify-fore;
|
||||
|
||||
@alertify-btn-bg: rgba(200, 200, 200, 0.1);
|
||||
@alertify-btn-bg-hover: rgba(200, 200, 200, .3);
|
||||
|
||||
@alertify-bg: @colortheme_modal-dim;
|
||||
@alertify-fg: @alertify-fore;
|
||||
|
||||
@alertify-input-bg: @colortheme_modal-input;
|
||||
@alertify-input-fg: @colortheme_modal-fg;
|
||||
@alertify-input-fg: @colortheme_modal-input-fg;
|
||||
|
||||
@alertify_padding-base: @variables_padding;
|
||||
@alertify_box-shadow: @variables_shadow;
|
||||
@@ -34,7 +31,7 @@
|
||||
}
|
||||
> * {
|
||||
padding: @alertify_padding-base @alertify_padding-base * 4;
|
||||
color: @alertify-fore;
|
||||
color: @colortheme_notification-color;
|
||||
|
||||
font-family: @colortheme_font;
|
||||
font-size: large;
|
||||
@@ -65,6 +62,8 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100000; // alertify container
|
||||
font: @colortheme_app-font;
|
||||
|
||||
&.forefront {
|
||||
z-index: @max-z-index; // alertify max forefront
|
||||
}
|
||||
@@ -112,10 +111,6 @@
|
||||
}
|
||||
|
||||
.dialog, .alert {
|
||||
.bright {
|
||||
color: @colortheme_light-base;
|
||||
}
|
||||
|
||||
& > div {
|
||||
background-color: @alertify-dialog-bg;
|
||||
&.half {
|
||||
@@ -227,7 +222,7 @@
|
||||
|
||||
button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button) {
|
||||
|
||||
background-color: @alertify-btn-bg;
|
||||
background-color: @colortheme_alertify-cancel;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
outline: 0;
|
||||
@@ -247,7 +242,7 @@
|
||||
border-radius: 0;
|
||||
|
||||
color: @alertify-btn-fg;
|
||||
border: 1px solid transparent;
|
||||
border: 1px solid @colortheme_alertify-cancel-border;
|
||||
|
||||
&.safe, &.danger {
|
||||
color: @colortheme_old-base;
|
||||
@@ -256,32 +251,40 @@
|
||||
}
|
||||
&.danger {
|
||||
background-color: @colortheme_alertify-red;
|
||||
border-color: @colortheme_alertify-red-border;
|
||||
color: @colortheme_alertify-red-color;
|
||||
&:hover, &:active {
|
||||
background-color: lighten(@colortheme_alertify-red, 5%);
|
||||
background-color: contrast(@colortheme_modal-bg, darken(@colortheme_alertify-red, 10%), lighten(@colortheme_alertify-red, 10%));
|
||||
}
|
||||
}
|
||||
|
||||
&.safe {
|
||||
background-color: @colortheme_alertify-green;
|
||||
border-color: @colortheme_alertify-green-border;
|
||||
color: @colortheme_alertify-green-color;
|
||||
&:hover, &:active {
|
||||
background-color: lighten(@colortheme_alertify-green, 10%);
|
||||
background-color: contrast(@colortheme_modal-bg, darken(@colortheme_alertify-green, 10%), lighten(@colortheme_alertify-green, 10%));
|
||||
}
|
||||
}
|
||||
|
||||
&.primary {
|
||||
background-color: @colortheme_alertify-primary;
|
||||
color: @colortheme_alertify-primary-text;
|
||||
border-color: @colortheme_alertify-primary-border;
|
||||
font-weight: bold;
|
||||
&:hover, &:active {
|
||||
background-color: darken(@colortheme_alertify-primary, 10%);
|
||||
background-color: contrast(@colortheme_modal-bg, darken(@colortheme_alertify-primary, 10%), lighten(@colortheme_alertify-primary, 10%));
|
||||
}
|
||||
}
|
||||
|
||||
&:hover, &:active {
|
||||
background-color: @alertify-btn-bg-hover;
|
||||
background-color: contrast(@colortheme_modal-bg, darken(@colortheme_alertify-cancel, 10%), lighten(@colortheme_alertify-cancel, 10%));
|
||||
}
|
||||
|
||||
&:focus {
|
||||
border: 1px dotted @alertify-base;
|
||||
//border: 1px dotted @alertify-base;
|
||||
box-shadow: 0px 0px 5px @colortheme_alertify-primary;
|
||||
outline: none;
|
||||
}
|
||||
&::-moz-focus-inner {
|
||||
border: 0;
|
||||
|
||||
@@ -7,6 +7,7 @@
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
border: 0;
|
||||
body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
@@ -15,6 +16,7 @@
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
@width: round(@size / 8);
|
||||
@dim1: round(@size / 3);
|
||||
@dim2: round(2 * @size / 3);
|
||||
@top: round(@size / 12);
|
||||
@top: round(@size / 12) - 1;
|
||||
// <label.cp-checkmark><input><span.cp-checkmark-mark></span>Text</label>
|
||||
.cp-checkmark {
|
||||
margin: 0;
|
||||
@@ -17,6 +17,10 @@
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
& > a {
|
||||
margin-left: 0.25em;
|
||||
}
|
||||
|
||||
&.cp-checkmark-secondary {
|
||||
.cp-checkmark-mark {
|
||||
&:after {
|
||||
@@ -26,6 +30,7 @@
|
||||
input {
|
||||
&:checked ~ .cp-checkmark-mark {
|
||||
background-color: @colortheme_checkmark-back2;
|
||||
border-color: @colortheme_checkmark-back2;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -37,12 +42,19 @@
|
||||
display: none;
|
||||
&:checked ~ .cp-checkmark-mark {
|
||||
background-color: @colortheme_checkmark-back1;
|
||||
border-color: @colortheme_checkmark-back1;
|
||||
&:after {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cp-checkmark-label {
|
||||
cursor: default;
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.cp-checkmark-mark {
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
@@ -51,6 +63,8 @@
|
||||
background-color: @colortheme_checkmark-back0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
border: 1px solid @colortheme_form-border;
|
||||
flex-shrink: 0;
|
||||
&:after {
|
||||
content: "";
|
||||
display: none;
|
||||
@@ -60,6 +74,90 @@
|
||||
transform: rotate(45deg);
|
||||
border: solid @colortheme_checkmark-col1;
|
||||
border-width: 0 @width @width 0;
|
||||
position: absolute;
|
||||
}
|
||||
&:focus {
|
||||
//border-color: #FF007C !important;
|
||||
box-shadow: 0px 0px 5px @colortheme_checkmark-back1;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.cp-radio {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
&.cp-radio-secondary {
|
||||
.cp-radio-mark {
|
||||
&:after {
|
||||
border-color: @colortheme_checkmark-col2;
|
||||
}
|
||||
}
|
||||
input {
|
||||
&:checked ~ .cp-radio-mark {
|
||||
background-color: @colortheme_checkmark-back2;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover .cp-radio-mark {
|
||||
background-color: @colortheme_checkmark-back0-active;
|
||||
}
|
||||
|
||||
input {
|
||||
display: none;
|
||||
&:checked ~ .cp-radio-mark {
|
||||
background-color: @colortheme_checkmark-back1;
|
||||
border-color: @colortheme_checkmark-back1;
|
||||
&:after {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cp-checkmark-label {
|
||||
cursor: default;
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@radio-size: @dim1 * 3;
|
||||
.cp-radio-mark {
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
height: @radio-size;
|
||||
width: @radio-size;
|
||||
background-color: @colortheme_checkmark-back0;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border: 1px solid @colortheme_form-border;
|
||||
flex-shrink: 0;
|
||||
&:after {
|
||||
display: none;
|
||||
content: "";
|
||||
border-radius: 50%;
|
||||
background: white;
|
||||
width: @dim1;
|
||||
height: @dim1;
|
||||
|
||||
//transform: rotate(45deg);
|
||||
//border: solid @colortheme_checkmark-col1;
|
||||
//border-width: 0 @width @width 0;
|
||||
}
|
||||
&:focus {
|
||||
//border-color: #FF007C !important;
|
||||
box-shadow: 0px 0px 5px @colortheme_checkmark-back1;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -2,6 +2,9 @@
|
||||
@colortheme_app-font-size: 16px;
|
||||
@colortheme_app-font: @colortheme_app-font-size @colortheme_font;
|
||||
|
||||
@colortheme_logo-1: #326599;
|
||||
@colortheme_logo-2: #4591c4;
|
||||
|
||||
@colortheme_link-color: #0275D8;
|
||||
@colortheme_link-color-visited: #005999;
|
||||
@colortheme_info-background: #fafafa;
|
||||
@@ -15,23 +18,42 @@
|
||||
@colortheme_cp-red: #FA5858; // remove red
|
||||
@colortheme_cp-green: #46E981;
|
||||
|
||||
@colortheme_modal-bg: #222;
|
||||
@colortheme_modal-fg: #fff;
|
||||
@colortheme_modal-link: #eee;
|
||||
@colortheme_modal-link-visited: lighten(@colortheme_modal-link, 10%);
|
||||
@colortheme_modal-dim: rgba(0, 0, 0, 0.4);
|
||||
@colortheme_form-border: #bbbbbb;
|
||||
@colortheme_form-bg: @colortheme_logo-2;
|
||||
@colortheme_form-color: #ffffff;
|
||||
@colortheme_form-bg-alt: #ffffff;
|
||||
@colortheme_form-color-alt: @colortheme_logo-1;
|
||||
@colortheme_form-warning: #f49842;
|
||||
@colortheme_form-warning-hov: darken(@colortheme_form-warning, 5%);
|
||||
|
||||
@colortheme_loading-bg: #222;
|
||||
@colortheme_modal-bg: @colortheme_form-bg-alt; // TODO Modals bg
|
||||
@colortheme_modal-fg: @colortheme_form-color-alt;
|
||||
@colortheme_modal-link: @colortheme_link-color;
|
||||
@colortheme_modal-link-visited: lighten(@colortheme_modal-link, 10%);
|
||||
@colortheme_modal-dim: fade(@colortheme_logo-2, 50%); // TODO transparent background behind modals
|
||||
@colortheme_modal-input: @colortheme_form-bg;
|
||||
@colortheme_modal-input-fg: @colortheme_form-color;
|
||||
|
||||
@colortheme_loading-bg: @colortheme_logo-1;
|
||||
@colortheme_loading-bg-alt: @colortheme_logo-2;
|
||||
@colortheme_loading-color: @colortheme_old-fore;
|
||||
|
||||
@colortheme_modal-input: #111;
|
||||
|
||||
// TODO modals buttons
|
||||
@colortheme_alertify-red: #E55236;
|
||||
@colortheme_alertify-red-color: #FFF;
|
||||
@colortheme_alertify-red-border: transparent;
|
||||
@colortheme_alertify-green: #77C825;
|
||||
@colortheme_alertify-primary: #fff;
|
||||
@colortheme_alertify-primary-text: #000;
|
||||
@colortheme_alertify-green-color: #FFF;
|
||||
@colortheme_alertify-green-border: transparent;
|
||||
@colortheme_alertify-primary: @colortheme_form-bg;
|
||||
@colortheme_alertify-primary-text: @colortheme_form-color;
|
||||
@colortheme_alertify-primary-border: transparent;
|
||||
@colortheme_alertify-cancel: @colortheme_modal-bg;
|
||||
@colortheme_alertify-cancel-border: #ccc;
|
||||
|
||||
@colortheme_notification-log: rgba(0, 0, 0, 0.8);
|
||||
@colortheme_notification-log: fade(@colortheme_logo-1, 90%);
|
||||
@colortheme_notification-color: #fff;;
|
||||
@colortheme_notification-warn: rgba(205, 37, 50, 0.8);
|
||||
|
||||
@colortheme_dropdown-bg: #f9f9f9;
|
||||
@@ -117,9 +139,9 @@
|
||||
@cryptpad_header_col: #1E1F1F;
|
||||
@cryptpad_text_col: #3F4141;
|
||||
|
||||
@colortheme_checkmark-back0: #ffffff;
|
||||
@colortheme_checkmark-back0-active: #bbbbbb;
|
||||
@colortheme_checkmark-back1: #FF0073;
|
||||
@colortheme_checkmark-col1: #ffffff;
|
||||
@colortheme_checkmark-back2: #FFFFFF;
|
||||
@colortheme_checkmark-col2: #000000;
|
||||
@colortheme_checkmark-back0: @colortheme_form-bg-alt;
|
||||
@colortheme_checkmark-back0-active: @colortheme_form-border;
|
||||
@colortheme_checkmark-back1: @colortheme_form-bg;
|
||||
@colortheme_checkmark-col1: @colortheme_form-color;
|
||||
@colortheme_checkmark-back2: @colortheme_form-bg-alt;
|
||||
@colortheme_checkmark-col2: @colortheme_form-color-alt;
|
||||
|
||||
@@ -1,47 +1,78 @@
|
||||
@import (once) "./colortheme-all.less";
|
||||
@import (once) "./tools.less";
|
||||
@import (once) "./checkmark.less";
|
||||
@import (once) './icon-colors.less';
|
||||
|
||||
.creation_main() {
|
||||
.tippy-popper {
|
||||
z-index: 100000001 !important;
|
||||
}
|
||||
.creation_main(
|
||||
@color: @colortheme_default-color, // Color of the text for the toolbar
|
||||
@bg-color: @colortheme_default-bg, // color of the toolbar background
|
||||
@warn-color: @colortheme_default-warn, // color of the warning text in the toolbar
|
||||
) {
|
||||
@colortheme_creation-modal-bg: #fff;
|
||||
@colortheme_creation-modal: #666;
|
||||
@colortheme_creation-modal-title: @colortheme_loading-bg;
|
||||
|
||||
#cp-creation-container {
|
||||
position: absolute;
|
||||
z-index: 100000000; // #loading * 10
|
||||
top: 0px;
|
||||
background: @colortheme_loading-bg;
|
||||
//background: @colortheme_loading-bg;
|
||||
background: linear-gradient(to right, @colortheme_loading-bg 0%, @colortheme_loading-bg 50%, @colortheme_loading-bg-alt 50%, @colortheme_loading-bg-alt 100%);
|
||||
color: @colortheme_loading-color;
|
||||
display: flex;
|
||||
flex-flow: column; /* we need column so that the child can shrink vertically */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
.cp-creation-logo {
|
||||
height: 300px;
|
||||
width: 300px;
|
||||
margin-top: 50px;
|
||||
flex: 0 1 auto; /* allows shrink */
|
||||
min-height: 0;
|
||||
text-align: center;
|
||||
img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
#cp-creation {
|
||||
flex: 0 1 auto; /* allows shrink */
|
||||
min-height: 0;
|
||||
overflow: auto;
|
||||
text-align: center;
|
||||
background: @colortheme_creation-modal-bg;
|
||||
color: @colortheme_creation-modal;
|
||||
font: @colortheme_app-font;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
width: 700px;
|
||||
max-width: 90vw;
|
||||
height: 500px;
|
||||
max-height: calc(~"100vh - 20px");
|
||||
margin: 50px;
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
|
||||
& > div {
|
||||
width: 60vw;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin: 40px auto;
|
||||
margin: auto;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.cp-creation-create, .cp-creation-settings {
|
||||
.cp-creation-title {
|
||||
color: @colortheme_creation-modal-title;
|
||||
font-weight: bold;
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
.cp-creation-create {
|
||||
margin-top: 0px;
|
||||
@creation-button: #30B239;
|
||||
button {
|
||||
.tools_unselectable();
|
||||
padding: 15px;
|
||||
background: @creation-button;
|
||||
background: linear-gradient(to right, @colortheme_logo-2, @colortheme_logo-1);
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
margin: 3px 10px;
|
||||
@@ -50,15 +81,16 @@
|
||||
outline: none;
|
||||
width: 100%;
|
||||
&:hover {
|
||||
background: linear-gradient(to right, lighten(@colortheme_logo-2, 5%), lighten(@colortheme_logo-1, 5%));
|
||||
//background: darken(@creation-button, 5%);
|
||||
background: lighten(@creation-button, 5%);
|
||||
//background: lighten(@creation-button, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
.cp-creation-create {
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
margin-top: 20px;
|
||||
//margin: auto;
|
||||
//margin-top: 20px;
|
||||
width: 400px;
|
||||
max-width: 100%;
|
||||
button {
|
||||
@@ -70,6 +102,8 @@
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
align-items: center;
|
||||
flex: 1 0 auto;
|
||||
justify-content: space-evenly;
|
||||
& > div {
|
||||
width: 400px;
|
||||
max-width: 100%;
|
||||
@@ -77,7 +111,9 @@
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 16px;
|
||||
margin: 10px 0;
|
||||
//margin: 10px 0;
|
||||
min-height: 28px;
|
||||
line-height: 28px;
|
||||
label {
|
||||
flex: 1;
|
||||
}
|
||||
@@ -88,31 +124,68 @@
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
.cp-creation-help {
|
||||
font-size: 18px;
|
||||
color: white;
|
||||
&:hover {
|
||||
color: #AAA;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
.cp-creation-help, .cp-creation-warning {
|
||||
font-size: 18px;
|
||||
color: @colortheme_form-warning;
|
||||
&:hover {
|
||||
color: @colortheme_form-warning-hov;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
.cp-creation-slider {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
max-height: 0px;
|
||||
transition: max-height 0.5s ease-in-out;
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
max-width: 0px;
|
||||
//margin-top: 10px;
|
||||
&.active {
|
||||
max-height: 40px;
|
||||
transition: max-height 0.5s ease-in-out;
|
||||
max-width: unset;
|
||||
max-height: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
input, select {
|
||||
font-size: 14px;
|
||||
border: 1px solid @colortheme_form-border;
|
||||
height: 26px;
|
||||
background-color: @colortheme_form-bg;
|
||||
color: @colortheme_form-color;
|
||||
}
|
||||
|
||||
.cp-creation-expire {
|
||||
.cp-creation-expire-picker {
|
||||
text-align: center;
|
||||
input {
|
||||
width: 100px;
|
||||
width: 50px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
select {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
label {
|
||||
flex: unset;
|
||||
}
|
||||
.cp-creation-slider {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cp-creation-password {
|
||||
.cp-creation-password-picker {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
.cp-password-container {
|
||||
input {
|
||||
width: 150px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
label {
|
||||
flex: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -125,31 +198,51 @@
|
||||
}
|
||||
|
||||
div.cp-creation-remember {
|
||||
margin-top: 30px;
|
||||
.cp-creation-remember-help {
|
||||
font-style: italic;
|
||||
width: 100%;
|
||||
//font-style: italic;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
color: @colortheme_form-bg;
|
||||
line-height: 20px;
|
||||
.fa {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
div.cp-creation-template {
|
||||
width: 100%;
|
||||
background-color: darken(@colortheme_modal-bg, 3%);
|
||||
padding: 20px;
|
||||
margin: 30px 0;
|
||||
.cp-creation-title {
|
||||
padding: 0 0 10px 10px;
|
||||
margin: auto;
|
||||
//flex: 1 0 auto;
|
||||
flex-wrap: nowrap;
|
||||
.cp-creation-template-more {
|
||||
font-size: 30px;
|
||||
cursor: pointer;
|
||||
margin: 0 5px;
|
||||
text-align: center;
|
||||
&:first-child {
|
||||
left: 5px;
|
||||
}
|
||||
&:last-child {
|
||||
right: 5px;
|
||||
}
|
||||
&:hover {
|
||||
color: #888;
|
||||
}
|
||||
&.hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cp-creation-template-container {
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
overflow-y: auto;
|
||||
//overflow-y: auto;
|
||||
align-items: center;
|
||||
.cp-creation-template-element {
|
||||
@darker: darken(@colortheme_modal-fg, 30%);
|
||||
|
||||
box-shadow: 2px 2px 7px @colortheme_form-border;
|
||||
width: 135px;
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
@@ -162,19 +255,23 @@
|
||||
line-height: 1em;
|
||||
cursor: pointer;
|
||||
|
||||
background-color: #111;
|
||||
color: @darker;
|
||||
color: black;
|
||||
border: 1px solid transparent;
|
||||
|
||||
&.cp-creation-template-selected {
|
||||
border: 1px solid white;
|
||||
background-color: #222;
|
||||
color: @color !important;
|
||||
background-color: @bg-color !important;
|
||||
.fa {
|
||||
color: @color;
|
||||
}
|
||||
}
|
||||
|
||||
transition: all 0.1s;
|
||||
|
||||
&:hover {
|
||||
color: @colortheme_modal-fg;
|
||||
//color: @colortheme_modal-fg;
|
||||
background-color: @colortheme_form-border;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
align-items: center;
|
||||
@@ -196,6 +293,7 @@
|
||||
max-width: 100%;
|
||||
}
|
||||
.fa {
|
||||
color: @bg-color;
|
||||
cursor: pointer;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
@@ -210,52 +308,78 @@
|
||||
.cp-creation-deleted-container {
|
||||
text-align: center;
|
||||
.cp-creation-deleted {
|
||||
background: #111;
|
||||
margin: 0 10px;
|
||||
background: @colortheme_loading-bg;
|
||||
color: @colortheme_loading-color;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkmark_main(30px);
|
||||
|
||||
@media screen and (max-width: @browser_media-narrow-screen) {
|
||||
& > div {
|
||||
width: 95%;
|
||||
margin: 10px auto;
|
||||
@media screen and (max-height: 700px) {
|
||||
#cp-creation-container {
|
||||
.cp-creation-logo {
|
||||
//flex-shrink: 0;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: @browser_media-medium-screen) {
|
||||
#cp-creation-form {
|
||||
div.cp-creation-template {
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
.cp-creation-template-container {
|
||||
.cp-creation-template-element {
|
||||
flex-flow: row;
|
||||
margin: 1px;
|
||||
padding: 5px;
|
||||
width: 155px;
|
||||
img {
|
||||
display: none;
|
||||
@media screen and (max-width: 500px) {
|
||||
#cp-creation {
|
||||
#cp-creation-form {
|
||||
& > div {
|
||||
width: 95%;
|
||||
margin: 10px auto;
|
||||
}
|
||||
.cp-creation-expire {
|
||||
&.active {
|
||||
label {
|
||||
flex: 1;
|
||||
}
|
||||
.fa {
|
||||
font-size: 18px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
display: inline !important;
|
||||
}
|
||||
.cp-creation-template-element-name {
|
||||
margin: 0;
|
||||
margin-left: 5px;
|
||||
.cp-creation-slider {
|
||||
flex: unset;
|
||||
order: 10;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: @browser_media-medium-screen) {
|
||||
#cp-creation {
|
||||
height: auto;
|
||||
#cp-creation-form {
|
||||
div.cp-creation-template {
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
.cp-creation-template-container {
|
||||
.cp-creation-template-element {
|
||||
flex-flow: row;
|
||||
margin: 1px;
|
||||
padding: 5px;
|
||||
width: 155px;
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
.fa {
|
||||
font-size: 18px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
display: inline !important;
|
||||
}
|
||||
.cp-creation-template-element-name {
|
||||
margin: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -55,9 +55,23 @@
|
||||
user-select: none;
|
||||
float: none;
|
||||
text-align: left;
|
||||
font: @dropdown_font;
|
||||
line-height: 1em;
|
||||
align-items: center;
|
||||
|
||||
&:not(.fa) {
|
||||
font: @dropdown_font;
|
||||
}
|
||||
&.fa {
|
||||
font-size: 18px;
|
||||
&::before {
|
||||
width: 40px;
|
||||
margin-left: -10px;
|
||||
text-align: center;
|
||||
}
|
||||
* {
|
||||
font: @dropdown_font;
|
||||
}
|
||||
}
|
||||
|
||||
.fa {
|
||||
width: 20px;
|
||||
|
||||
@@ -1,8 +1,12 @@
|
||||
@import (once) "./colortheme-all.less";
|
||||
@import (once) "./toolbar.less";
|
||||
@import (once) './fileupload.less';
|
||||
@import (once) './alertify.less';
|
||||
@import (once) './tokenfield.less';
|
||||
@import (once) './creation.less';
|
||||
@import (once) './tippy.less';
|
||||
@import (once) "./checkmark.less";
|
||||
@import (once) "./password-input.less";
|
||||
|
||||
.framework_main(@bg-color, @warn-color, @color) {
|
||||
.toolbar_main(
|
||||
@@ -13,6 +17,33 @@
|
||||
.fileupload_main();
|
||||
.alertify_main();
|
||||
.tokenfield_main();
|
||||
.creation_main();
|
||||
.tippy_main();
|
||||
.checkmark_main(20px);
|
||||
.password_main();
|
||||
.creation_main(
|
||||
@bg-color: @bg-color,
|
||||
@warn-color: @warn-color,
|
||||
@color: @color
|
||||
);
|
||||
font: @colortheme_app-font;
|
||||
}
|
||||
|
||||
.framework_min_main(
|
||||
@color: @colortheme_default-color, // Color of the text for the toolbar
|
||||
@bg-color: @colortheme_default-bg, // color of the toolbar background
|
||||
@warn-color: @colortheme_default-warn, // color of the warning text in the toolbar
|
||||
) {
|
||||
.toolbar_main(
|
||||
@bg-color: @bg-color,
|
||||
@warn-color: @warn-color,
|
||||
@color: @color
|
||||
);
|
||||
.fileupload_main();
|
||||
.alertify_main();
|
||||
.tippy_main();
|
||||
.checkmark_main(20px);
|
||||
.password_main();
|
||||
font: @colortheme_app-font;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -10,7 +10,6 @@
|
||||
text-overflow: ellipsis;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
border: 1px solid white;
|
||||
|
||||
.cp-icons-name {
|
||||
width: 100%;
|
||||
@@ -26,7 +25,7 @@
|
||||
word-wrap: break-word;
|
||||
}
|
||||
&.cp-icons-element-selected {
|
||||
background-color: white;
|
||||
background-color: rgba(0,0,0,0.2);
|
||||
color: #666;
|
||||
}
|
||||
.fa {
|
||||
|
||||
@@ -161,6 +161,7 @@
|
||||
background-size: contain;
|
||||
height: 50px;
|
||||
width: 250px;
|
||||
margin-right: 0;
|
||||
}
|
||||
a {
|
||||
border: 2px solid transparent;
|
||||
@@ -169,7 +170,8 @@
|
||||
.nav-link {
|
||||
padding: 0.5em 0.7em;
|
||||
&:hover {
|
||||
transform: scale(1.05);
|
||||
font-size: 1.05em;
|
||||
//transform: scale(1.05);
|
||||
};
|
||||
}
|
||||
.cp-register-btn {
|
||||
@@ -184,9 +186,18 @@
|
||||
color: #4591C4;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
@media (max-width: 1000px) {
|
||||
#menuCollapse {
|
||||
text-align: right;
|
||||
/* @media (min-width: 576px) {
|
||||
top: 100%;
|
||||
background: rgba(255,255,255,0.8);
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
padding: 0 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
*/
|
||||
}
|
||||
.navbar-nav a {
|
||||
text-align: right !important;
|
||||
@@ -194,7 +205,7 @@
|
||||
.cp-register-btn {
|
||||
margin-right: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//footer general styles
|
||||
|
||||
@@ -57,7 +57,7 @@
|
||||
|
||||
input {
|
||||
background-color: @colortheme_modal-input;
|
||||
color: @colortheme_modal-fg;
|
||||
color: @colortheme_modal-input-fg;
|
||||
border: 0;
|
||||
padding: 8px 12px;
|
||||
margin: 1em;
|
||||
|
||||
13
customize.dist/src/less2/include/password-input.less
Normal file
13
customize.dist/src/less2/include/password-input.less
Normal file
@@ -0,0 +1,13 @@
|
||||
.password_main() {
|
||||
.cp-password-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
input {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
label, .fa {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -52,6 +52,12 @@
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
label.noTitle {
|
||||
display: inline-flex;
|
||||
.fa {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
[type="text"], button {
|
||||
|
||||
14
customize.dist/src/less2/include/tippy.less
Normal file
14
customize.dist/src/less2/include/tippy.less
Normal file
@@ -0,0 +1,14 @@
|
||||
@import (once) './colortheme-all.less';
|
||||
|
||||
.tippy_main() {
|
||||
.tippy-tooltip.cryptpad-theme {
|
||||
/* Your styling here. Example: */
|
||||
background-color: white;
|
||||
box-shadow: 2px 2px 10px #000;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
[x-circle] {
|
||||
background-color: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,25 +1,31 @@
|
||||
@import (once) "./tools.less";
|
||||
|
||||
.tokenfield_main () {
|
||||
.ui-autocomplete {
|
||||
z-index: 100001; // alertify + 1
|
||||
}
|
||||
.tokenfield {
|
||||
.tools_unselectable();
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
height: auto;
|
||||
min-height: 34px;
|
||||
padding-bottom: 0px;
|
||||
background-color: unset;
|
||||
border: none;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
padding: 0 10px;
|
||||
margin: 0 10px;
|
||||
padding: 0;
|
||||
width: ~"calc(100% - 20px)";
|
||||
.token {
|
||||
box-sizing: border-box;
|
||||
border-radius: 3px;
|
||||
display: inline-block;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
border: 1px solid #d9d9d9;
|
||||
background-color: #ededed;
|
||||
white-space: nowrap;
|
||||
margin: 10px 5px;
|
||||
margin: 2px 0;
|
||||
height: 24px;
|
||||
vertical-align: middle;
|
||||
cursor: default;
|
||||
@@ -50,7 +56,7 @@
|
||||
.close {
|
||||
font-family: Arial;
|
||||
display: inline-block;
|
||||
line-height: 24px;
|
||||
line-height: 1.49em;
|
||||
font-size: 1.1em;
|
||||
margin-left: 5px;
|
||||
float: none;
|
||||
@@ -73,6 +79,8 @@
|
||||
margin: 0 !important; // Override alertify
|
||||
box-shadow: none;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
min-width: 100% !important;
|
||||
&:focus {
|
||||
border-color: transparent;
|
||||
outline: 0;
|
||||
|
||||
@@ -183,8 +183,13 @@
|
||||
#cp-app-toolbar-creation-dialog.cp-modal-container {
|
||||
.icons_main();
|
||||
|
||||
li:hover {
|
||||
border: 1px solid white;
|
||||
li {
|
||||
border: 1px solid @colortheme_modal-fg;
|
||||
&:hover {
|
||||
//border: 1px solid @colortheme_modal-fg;
|
||||
background: @colortheme_modal-fg;
|
||||
color: @colortheme_modal-bg;
|
||||
}
|
||||
}
|
||||
.cp-modal {
|
||||
display: flex;
|
||||
|
||||
@@ -1,73 +0,0 @@
|
||||
/*
|
||||
WARNING: THIS FILE DOES NOTHING
|
||||
It exists only as a proposal of what CSS you should use in loading.js
|
||||
The CSS inside of loading.js is precompiled in order to save 200ish milliseconds to the loading screen.
|
||||
*/
|
||||
@import (once) "./include/colortheme-all.less";
|
||||
@import (once) "./include/browser.less";
|
||||
|
||||
#cp-loading {
|
||||
transition: opacity 0.75s, visibility 0s 0.75s;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
position: fixed;
|
||||
z-index: 10000000; // #loading
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
background: @colortheme_loading-bg;
|
||||
color: @colortheme_loading-color;
|
||||
text-align: center;
|
||||
font-size: 1.5em;
|
||||
.cp-loading-container {
|
||||
margin-top: 50vh;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.cp-loading-cryptofist {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
height: 300px;
|
||||
margin-bottom: 2em;
|
||||
@media screen and (max-height: @browser_media-short-screen) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.cp-loading-spinner-container {
|
||||
position: relative;
|
||||
height: 100px;
|
||||
> div {
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
&.cp-loading-hidden {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
#cp-loading-tip {
|
||||
position: fixed;
|
||||
z-index: 10000000; // loading tip
|
||||
top: 80%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
|
||||
transition: opacity 750ms;
|
||||
transition-delay: 3000ms;
|
||||
@media screen and (max-height: @browser_media-medium-screen) {
|
||||
display: none;
|
||||
}
|
||||
span {
|
||||
background: @colortheme_loading-bg;
|
||||
color: @colortheme_loading-color;
|
||||
text-align: center;
|
||||
font-size: 1.5em;
|
||||
opacity: 0.7;
|
||||
font-family: @colortheme_font;
|
||||
padding: 15px;
|
||||
max-width: 60%;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,11 +1,12 @@
|
||||
@import (once) "../include/infopages.less";
|
||||
@import (once) "../include/colortheme-all.less";
|
||||
@import (once) "../include/alertify.less";
|
||||
@import (once) "../loading.less";
|
||||
@import (once) "../include/checkmark.less";
|
||||
|
||||
.infopages_main();
|
||||
.infopages_topbar();
|
||||
.alertify_main();
|
||||
.checkmark_main(20px);
|
||||
|
||||
.form-group {
|
||||
.extra {
|
||||
|
||||
@@ -1,11 +1,12 @@
|
||||
@import (once) "../include/infopages.less";
|
||||
@import (once) "../include/colortheme-all.less";
|
||||
@import (once) "../include/alertify.less";
|
||||
@import (once) "../loading.less";
|
||||
@import (once) "../include/checkmark.less";
|
||||
|
||||
.infopages_main();
|
||||
.infopages_topbar();
|
||||
.alertify_main();
|
||||
.checkmark_main(20px);
|
||||
|
||||
.cp-container {
|
||||
.form-group {
|
||||
@@ -23,11 +24,7 @@
|
||||
}
|
||||
margin-top: 16px;
|
||||
font-size: 1.25em;
|
||||
min-width: 30%; // conflict?
|
||||
width: 30%;
|
||||
@media (max-width: 500px) {
|
||||
width: 45%;
|
||||
}
|
||||
min-width: 30%;
|
||||
}
|
||||
}
|
||||
padding-bottom: 3em;
|
||||
|
||||
@@ -3,7 +3,7 @@ define([
|
||||
'/common/hyperscript.js',
|
||||
'/customize/pages.js',
|
||||
|
||||
'less!/bower_components/components-font-awesome/css/font-awesome.min.css',
|
||||
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
|
||||
], function ($, h, Pages) {
|
||||
$(function () {
|
||||
var $body = $('body');
|
||||
@@ -27,8 +27,7 @@ $(function () {
|
||||
window.Tether = function () {};
|
||||
require([
|
||||
'less!/customize/src/less2/main.less',
|
||||
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
|
||||
'/bower_components/bootstrap/dist/js/bootstrap.bundle.min.js'
|
||||
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css'
|
||||
], function () {
|
||||
$body.append($main);
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -31,7 +31,7 @@ define(function () {
|
||||
|
||||
out.websocketError = 'Αδυναμία σύνδεσης στον διακομιστή...';
|
||||
out.typeError = "Αυτό το pad δεν είναι συμβατό με την επιλεγμένη εφαρμογή";
|
||||
out.onLogout = 'Έχετε αποσυνδεθεί, <a href="/" target="_blank">κάντε "κλικ" εδώ</a> για να συνδεθείτε<br>ή πατήστε <em>Escape</em> για να προσπελάσετε το έγγραφο σε λειτουργία ανάγνωσης μόνο.';
|
||||
out.onLogout = 'Έχετε αποσυνδεθεί, {0}κάντε "κλικ" εδώ{1} για να συνδεθείτε<br>ή πατήστε <em>Escape</em> για να προσπελάσετε το έγγραφο σε λειτουργία ανάγνωσης μόνο.';
|
||||
out.wrongApp = "Αδυναμία προβολής του περιεχομένου αυτής της συνεδρίας στον περιηγητή σας. Παρακαλώ δοκιμάστε επαναφόρτωση της σελίδας.";
|
||||
|
||||
out.loading = "Φόρτωση...";
|
||||
|
||||
@@ -152,7 +152,7 @@ define(function () {
|
||||
|
||||
out.websocketError = "Error al conectarse al servidor WebSocket";
|
||||
out.typeError = "Este documento no es compatible con la aplicación seleccionada";
|
||||
out.onLogout = "Tu sesión está cerrada, <a href=\"/\" target=\"_blank\">haz clic aquí</a> para iniciar sesión<br>o pulsa <em>Escape</em> para acceder al documento en modo sólo lectura.";
|
||||
out.onLogout = "Tu sesión está cerrada, {0}haz clic aquí{1} para iniciar sesión<br>o pulsa <em>Escape</em> para acceder al documento en modo sólo lectura.";
|
||||
out.loading = "Cargando...";
|
||||
out.error = "Error";
|
||||
out.language = "Idioma";
|
||||
|
||||
@@ -27,7 +27,7 @@ define(function () {
|
||||
|
||||
out.websocketError = 'Impossible de se connecter au serveur WebSocket...';
|
||||
out.typeError = "Ce pad n'est pas compatible avec l'application sélectionnée";
|
||||
out.onLogout = 'Vous êtes déconnecté de votre compte utilisateur, <a href="/" target="_blank">cliquez ici</a> pour vous authentifier<br>ou appuyez sur <em>Échap</em> pour accéder au pad en mode lecture seule.';
|
||||
out.onLogout = 'Vous êtes déconnecté de votre compte utilisateur, {0}cliquez ici{1} pour vous authentifier<br>ou appuyez sur <em>Échap</em> pour accéder au pad en mode lecture seule.';
|
||||
out.wrongApp = "Impossible d'afficher le contenu de ce document temps-réel dans votre navigateur. Vous pouvez essayer de recharger la page.";
|
||||
out.padNotPinned = 'Ce pad va expirer après 3 mois d\'inactivité, {0}connectez-vous{1} ou {2}enregistrez-vous{3} pour le préserver.';
|
||||
out.anonymousStoreDisabled = "L'administrateur de cette instance de CryptPad a désactivé le drive pour les utilisateurs non enregistrés. Vous devez vous connecter pour pouvoir utiliser CryptDrive.";
|
||||
@@ -37,6 +37,7 @@ define(function () {
|
||||
out.chainpadError = 'Une erreur critique est survenue lors de la mise à jour du contenu. Le pad est désormais en mode lecture seule afin de s\'assurer que vous ne perdiez pas davantage de données.<br>' +
|
||||
'Appuyez sur <em>Échap</em> pour voir le pad ou rechargez la page pour pouvoir le modifier à nouveau.';
|
||||
out.errorCopy = ' Vous pouvez toujours copier son contenu ailleurs en appuyant sur <em>Échap</em>.<br> Dés que vous aurez quitté la page, il sera impossible de le récupérer.';
|
||||
out.errorRedirectToHome = 'Appuyez sur <em>Échap</em> pour retourner vers votre CryptDrive.';
|
||||
|
||||
out.loading = "Chargement...";
|
||||
out.error = "Erreur";
|
||||
@@ -145,6 +146,8 @@ define(function () {
|
||||
out.useTemplate = "Commencer avec un modèle?";
|
||||
out.useTemplateOK = 'Choisir un modèle (Entrée)';
|
||||
out.useTemplateCancel = 'Document vierge (Échap)';
|
||||
out.template_import = "Importer un modèle";
|
||||
out.template_empty = "Aucun modèle disponible";
|
||||
|
||||
out.previewButtonTitle = "Afficher ou cacher la prévisualisation de Markdown";
|
||||
|
||||
@@ -364,6 +367,7 @@ define(function () {
|
||||
out.fm_searchName = "Recherche";
|
||||
out.fm_recentPadsName = "Pads récents";
|
||||
out.fm_ownedPadsName = "Pads en votre possession";
|
||||
out.fm_tagsName = "Mots-clés";
|
||||
out.fm_searchPlaceholder = "Rechercher...";
|
||||
out.fm_newButton = "Nouveau";
|
||||
out.fm_newButtonTitle = "Créer un nouveau pad ou un dossier, importer un fichier dans le dossier courant";
|
||||
@@ -426,6 +430,8 @@ define(function () {
|
||||
out.fm_padIsOwned = "Vous êtes le propriétaire de ce pad";
|
||||
out.fm_padIsOwnedOther = "Ce pad est la propriété d'un autre utilisateur";
|
||||
out.fm_deletedPads = "Ces pads n'existent plus sur le serveur, ils ont été supprimés de votre CryptDrive: {0}";
|
||||
out.fm_tags_name = "Mot-clé";
|
||||
out.fm_tags_used = "Nombre d'utilisations";
|
||||
// File - Context menu
|
||||
out.fc_newfolder = "Nouveau dossier";
|
||||
out.fc_rename = "Renommer";
|
||||
@@ -546,6 +552,8 @@ define(function () {
|
||||
out.settings_deleteHint = "La suppression de votre compte utilisateur est permanente. Votre CryptDrive et votre liste de pads seront supprimés du serveur. Le reste de vos pads sera supprimé après 90 jours d'inactivité si personne ne les a stockés dans leur CryptDrive.";
|
||||
out.settings_deleteButton = "Supprimer votre compte";
|
||||
out.settings_deleteModal = "Veuillez envoyer les informations suivantes à votre administrateur CryptPad afin que vos données soient supprimées du serveur.";
|
||||
out.settings_deleteConfirm = "Êtes-vous sûr de vouloir supprimer votre compte utilisateur ? Cette action est irréversible.";
|
||||
out.settings_deleted = "Votre compte utilisateur a été supprimé. Appuyez sur OK pour être rédirigé(e) vers la page d'accueil.";
|
||||
|
||||
out.settings_anonymous = "Vous n'êtes pas connecté. Ces préférences seront utilisées pour ce navigateur.";
|
||||
out.settings_publicSigningKey = "Clé publique de signature";
|
||||
@@ -609,9 +617,6 @@ define(function () {
|
||||
out.pad_showToolbar = "Afficher la barre d'outils";
|
||||
out.pad_hideToolbar = "Cacher la barre d'outils";
|
||||
|
||||
// general warnings
|
||||
out.warn_notPinned = "Ce pad n'est stocké dans aucun CryptDrive. Il va expirer après 3 mois d'inactivité. <a href='/about.html#pinning'>En savoir plus...</a>";
|
||||
|
||||
// markdown toolbar
|
||||
out.mdToolbar_button = "Afficher ou cacher la barre d'outils Markdown";
|
||||
out.mdToolbar_defaultText = "Votre texte ici";
|
||||
@@ -950,8 +955,6 @@ define(function () {
|
||||
|
||||
// Header.html
|
||||
|
||||
out.header_france = '<a href="http://www.xwiki.com/fr" target="_blank" rel="noopener noreferrer">Fait avec <img class="bottom-bar-heart" src="/customize/heart.png" alt="amour" /> en <img class="bottom-bar-fr" title="France" alt="France" src="/customize/fr.png" /> par <img src="/customize/logo-xwiki.png" alt="XWiki SAS" class="bottom-bar-xwiki"/></a>';
|
||||
out.header_support = '<a href="http://ng.open-paas.org/" title="OpenPaaS::ng" target="_blank" rel="noopener noreferrer"> <img src="/customize/openpaasng.png" alt="OpenPaaS-ng" class="bottom-bar-openpaas" /></a>';
|
||||
out.updated_0_header_logoTitle = 'Retourner vers votre CryptDrive';
|
||||
out.header_logoTitle = out.updated_0_header_logoTitle;
|
||||
out.header_homeTitle = "Aller sur la page d'accueil";
|
||||
@@ -1051,7 +1054,7 @@ define(function () {
|
||||
out.tips = {};
|
||||
out.tips.shortcuts = "`ctrl+b`, `ctrl+i` et `ctrl+u` sont des raccourcis rapides pour mettre en gras, en italique ou souligner.";
|
||||
out.tips.indent = "Dans les listes à puces ou numérotées, vous pouvez utiliser `Tab` ou `Maj+Tab` pour augmenter ou réduire rapidement l'indentation.";
|
||||
out.tips.store = "Dès que vous ouvrez un nouveau pad, il est automatiquement stocké dans votre CryptDrive si vous êtes connectés.";
|
||||
out.tips.store = "Dès que vous ouvrez un nouveau pad, il est automatiquement stocké dans votre CryptDrive si vous êtes connecté.";
|
||||
out.tips.marker = "Vous pouvez surligner du texte dans un pad en utilisant l'option \"marker\" dans le menu déroulant des styles.";
|
||||
out.tips.driveUpload = "Les utilisateurs enregistrés peuvent importer des fichiers en les faisant glisser et en les déposant dans leur CryptDrive.";
|
||||
out.tips.filenames = "Vous pouvez renommer les fichiers de votre CryptDrive, ce nom ne sera visible que par vous.";
|
||||
@@ -1081,6 +1084,7 @@ define(function () {
|
||||
out.creation_expireMonths = "Mois";
|
||||
out.creation_expire1 = "Un pad <b>illimité</b> ne sera pas supprimé du serveur à moins que son propriétaire ne le décide.";
|
||||
out.creation_expire2 = "Un pad <b>à durée de vie</b> sera supprimé automatiquement du serveur et du CryptDrive des utilisateurs lorsque cette durée sera dépassée.";
|
||||
out.creation_password = "Ajouter un mot de passe";
|
||||
out.creation_noTemplate = "Pas de modèle";
|
||||
out.creation_newTemplate = "Nouveau modèle";
|
||||
out.creation_create = "Créer";
|
||||
@@ -1092,12 +1096,20 @@ define(function () {
|
||||
out.creation_ownedByOther = "Appartient à un autre utilisateur";
|
||||
out.creation_noOwner = "Pas de propriétaire";
|
||||
out.creation_expiration = "Date d'expiration";
|
||||
out.creation_passwordValue = "Mot de passe";
|
||||
out.creation_propertiesTitle = "Disponibilité";
|
||||
out.creation_appMenuName = "Mode avancé (Ctrl + E)";
|
||||
out.creation_newPadModalDescription = "Cliquez sur un type de pad pour le créer. Vous pouvez aussi appuyer sur <b>Tab</b> pour sélectionner un type et appuyer sur <b>Entrée</b> pour valider.";
|
||||
out.creation_newPadModalDescriptionAdvanced = "Cochez la case si vous souhaitez voir l'écran de création de pads (pour les pads avec propriétaire ou à durée de vie). Vous pouvez appuyer sur <b>Espace</b> pour changer sa valeur.";
|
||||
out.creation_newPadModalAdvanced = "Afficher l'écran de création de pads";
|
||||
|
||||
// Password prompt on the loadind screen
|
||||
out.password_info = "Le pad auquel vous essayez d'accéder est protégé par un mot de passe. Entrez le bon mot de passe pour accéder à son contenu.";
|
||||
out.password_error = "Pad introuvable !<br>Cette erreur peut provenir de deux facteurs. Soit le mot de passe est faux, soit le pad a été supprimé du serveur.";
|
||||
out.password_placeholder = "Tapez le mot de passe ici...";
|
||||
out.password_submit = "Valider";
|
||||
out.password_show = "Afficher";
|
||||
|
||||
// New share modal
|
||||
out.share_linkCategory = "Partage";
|
||||
out.share_linkAccess = "Droits d'accès";
|
||||
@@ -1111,5 +1123,12 @@ define(function () {
|
||||
out.share_embedCategory = "Intégration";
|
||||
out.share_mediatagCopy = "Copier le mediatag";
|
||||
|
||||
// Loading info
|
||||
out.loading_pad_1 = "Initialisation du pad";
|
||||
out.loading_pad_2 = "Chargement du contenu du pad";
|
||||
out.loading_drive_1 = "Chargement des données";
|
||||
out.loading_drive_2 = "Mise à jour du format des données";
|
||||
out.loading_drive_3 = "Vérification de l'intégrité des données";
|
||||
|
||||
return out;
|
||||
});
|
||||
|
||||
@@ -30,7 +30,7 @@ define(function () {
|
||||
|
||||
out.websocketError = 'Unable to connect to the websocket server...';
|
||||
out.typeError = "This pad is not compatible with the selected application";
|
||||
out.onLogout = 'You are logged out, <a href="/" target="_blank">click here</a> to log in<br>or press <em>Escape</em> to access your pad in read-only mode.';
|
||||
out.onLogout = 'You are logged out, {0}click here{1} to log in<br>or press <em>Escape</em> to access your pad in read-only mode.';
|
||||
out.wrongApp = "Unable to display the content of that realtime session in your browser. Please try to reload that page.";
|
||||
out.padNotPinned = 'This pad will expire after 3 months of inactivity, {0}login{1} or {2}register{3} to preserve it.';
|
||||
out.anonymousStoreDisabled = "The webmaster of this CryptPad instance has disabled the store for anonymous users. You have to log in to be able to use CryptDrive.";
|
||||
@@ -40,6 +40,7 @@ define(function () {
|
||||
out.chainpadError = 'A critical error occurred when updating your content. This page is in read-only mode to make sure you won\'t lose your work.<br>' +
|
||||
'Hit <em>Esc</em> to continue to view this pad, or reload to try editing again.';
|
||||
out.errorCopy = ' You can still copy the content to another location by pressing <em>Esc</em>.<br>Once you leave this page, it will disappear forever!';
|
||||
out.errorRedirectToHome = 'Press <em>Esc</em> to be redirected to your CryptDrive.';
|
||||
|
||||
out.loading = "Loading...";
|
||||
out.error = "Error";
|
||||
@@ -148,6 +149,8 @@ define(function () {
|
||||
out.useTemplate = "Start with a template?"; //Would you like to "You have available templates for this type of pad. Do you want to use one?";
|
||||
out.useTemplateOK = 'Pick a template (Enter)';
|
||||
out.useTemplateCancel = 'Start fresh (Esc)';
|
||||
out.template_import = "Import a template";
|
||||
out.template_empty = "No template available";
|
||||
|
||||
out.previewButtonTitle = "Display or hide the Markdown preview mode";
|
||||
|
||||
@@ -370,6 +373,7 @@ define(function () {
|
||||
out.fm_searchName = "Search";
|
||||
out.fm_recentPadsName = "Recent pads";
|
||||
out.fm_ownedPadsName = "Owned";
|
||||
out.fm_tagsName = "Tags";
|
||||
out.fm_searchPlaceholder = "Search...";
|
||||
out.fm_newButton = "New";
|
||||
out.fm_newButtonTitle = "Create a new pad or folder, import a file in the current folder";
|
||||
@@ -432,6 +436,8 @@ define(function () {
|
||||
out.fm_padIsOwned = "You are the owner of this pad";
|
||||
out.fm_padIsOwnedOther = "This pad is owned by another user";
|
||||
out.fm_deletedPads = "These pads no longer exist on the server, they've been removed from your CryptDrive: {0}";
|
||||
out.fm_tags_name = "Tag name";
|
||||
out.fm_tags_used = "Number of uses";
|
||||
// File - Context menu
|
||||
out.fc_newfolder = "New folder";
|
||||
out.fc_rename = "Rename";
|
||||
@@ -555,6 +561,8 @@ define(function () {
|
||||
out.settings_deleteHint = "Account deletion is permanent. Your CryptDrive and your list of pads will be deleted from the server. The rest of your pads will be deleted in 90 days if nobody else has stored them in their CryptDrive.";
|
||||
out.settings_deleteButton = "Delete your account";
|
||||
out.settings_deleteModal = "Share the following information with your CryptPad administrator in order to have your data removed from their server.";
|
||||
out.settings_deleteConfirm = "Clicking OK will delete your account permanently. Are you sure?";
|
||||
out.settings_deleted = "Your user account is now deleted. Press OK to go to the home page.";
|
||||
|
||||
out.settings_anonymous = "You are not logged in. Settings here are specific to this browser.";
|
||||
out.settings_publicSigningKey = "Public Signing Key";
|
||||
@@ -618,9 +626,6 @@ define(function () {
|
||||
out.pad_showToolbar = "Show toolbar";
|
||||
out.pad_hideToolbar = "Hide toolbar";
|
||||
|
||||
// general warnings
|
||||
out.warn_notPinned = "This pad is not in anyone's CryptDrive. It will expire after 3 months. <a href='/about.html#pinning'>Learn more...</a>";
|
||||
|
||||
// markdown toolbar
|
||||
out.mdToolbar_button = "Show or hide the Markdown toolbar";
|
||||
out.mdToolbar_defaultText = "Your text here";
|
||||
@@ -999,9 +1004,6 @@ define(function () {
|
||||
|
||||
// Header.html
|
||||
|
||||
out.header_france = '<a href="http://www.xwiki.com/" target="_blank" rel="noopener noreferrer">With <img class="bottom-bar-heart" src="/customize/heart.png" alt="love" /> from <img class="bottom-bar-fr" src="/customize/fr.png" title="France" alt="France"/> by <img src="/customize/logo-xwiki.png" alt="XWiki SAS" class="bottom-bar-xwiki"/></a>';
|
||||
|
||||
out.header_support = '<a href="http://ng.open-paas.org/" title="OpenPaaS::ng" target="_blank" rel="noopener noreferrer"> <img src="/customize/openpaasng.png" alt="OpenPaaS-ng" class="bottom-bar-openpaas" /></a>';
|
||||
out.updated_0_header_logoTitle = 'Go to your CryptDrive';
|
||||
out.header_logoTitle = out.updated_0_header_logoTitle;
|
||||
out.header_homeTitle = 'Go to CryptPad homepage';
|
||||
@@ -1133,6 +1135,7 @@ define(function () {
|
||||
out.creation_expireMonths = "Month(s)";
|
||||
out.creation_expire1 = "An <b>unlimited</b> pad will not be removed from the server until its owner deletes it.";
|
||||
out.creation_expire2 = "An <b>expiring</b> pad has a set lifetime, after which it will be automatically removed from the server and other users' CryptDrives.";
|
||||
out.creation_password = "Add a password";
|
||||
out.creation_noTemplate = "No template";
|
||||
out.creation_newTemplate = "New template";
|
||||
out.creation_create = "Create";
|
||||
@@ -1144,12 +1147,20 @@ define(function () {
|
||||
out.creation_ownedByOther = "Owned by another user";
|
||||
out.creation_noOwner = "No owner";
|
||||
out.creation_expiration = "Expiration time";
|
||||
out.creation_passwordValue = "Password";
|
||||
out.creation_propertiesTitle = "Availability";
|
||||
out.creation_appMenuName = "Advanced mode (Ctrl + E)";
|
||||
out.creation_newPadModalDescription = "Click on a pad type to create it. You can also press <b>Tab</b> to select the type and press <b>Enter</b> to confirm.";
|
||||
out.creation_newPadModalDescriptionAdvanced = "You can check the box (or press <b>Space</b> to change its value) if you want to display the pad creation screen (for owned pads, expiring pads, etc.).";
|
||||
out.creation_newPadModalAdvanced = "Display the pad creation screen";
|
||||
|
||||
// Password prompt on the loadind screen
|
||||
out.password_info = "The pad you're tyring to open is protected with a password. Enter the correct password to access its content.";
|
||||
out.password_error = "Pad not found!<br>This error can be caused by two factors: either the password in invalid, or the pad has been deleted from the server.";
|
||||
out.password_placeholder = "Type the password here...";
|
||||
out.password_submit = "Submit";
|
||||
out.password_show = "Show";
|
||||
|
||||
// New share modal
|
||||
out.share_linkCategory = "Share link";
|
||||
out.share_linkAccess = "Access rights";
|
||||
@@ -1163,6 +1174,12 @@ define(function () {
|
||||
out.share_embedCategory = "Embed";
|
||||
out.share_mediatagCopy = "Copy mediatag to clipboard";
|
||||
|
||||
// Loading info
|
||||
out.loading_pad_1 = "Initializing pad";
|
||||
out.loading_pad_2 = "Loading pad content";
|
||||
out.loading_drive_1 = "Loading data";
|
||||
out.loading_drive_2 = "Updating data format";
|
||||
out.loading_drive_3 = "Verifying data integrity";
|
||||
|
||||
return out;
|
||||
});
|
||||
|
||||
@@ -38,7 +38,7 @@ define(function () {
|
||||
|
||||
out.websocketError = 'Incapaz de se conectar com o servidor websocket...';
|
||||
out.typeError = "Este bloco não é compatível com a aplicação selecionada";
|
||||
out.onLogout = 'você foi desconectado, <a href="/" target="_blank">clique aqui</a> para se conectar, <br>ou pressione <em>ESC</em> para acessar seu bloco em modo somente leitura.';
|
||||
out.onLogout = 'você foi desconectado, {0}clique aqui{1} para se conectar, <br>ou pressione <em>ESC</em> para acessar seu bloco em modo somente leitura.';
|
||||
out.wrongApp = "Incapaz de mostrar o conteúdo em tempo real no seu navegador. Por favor tente recarregar a página.";
|
||||
|
||||
out.loading = "Carregando...";
|
||||
|
||||
@@ -13,7 +13,7 @@ define(function () {
|
||||
out.common_connectionLost = out.updated_0_common_connectionLost;
|
||||
out.websocketError = "Conexiune inexistentă către serverul websocket...";
|
||||
out.typeError = "Această filă nu este compatibilă cu aplicația aleasă";
|
||||
out.onLogout = "Nu mai ești autentificat, <a href=\"/\" target=\"_blank\">apasă aici</a> să te autentifici<br>sau apasă <em>Escape</em>să accesezi fila în modul citire.";
|
||||
out.onLogout = "Nu mai ești autentificat, {0}apasă aici{1} să te autentifici<br>sau apasă <em>Escape</em>să accesezi fila în modul citire.";
|
||||
out.wrongApp = "Momentan nu putem arăta conținutul sesiunii în timp real în fereastra ta. Te rugăm reîncarcă pagina.";
|
||||
out.loading = "Încarcă...";
|
||||
out.error = "Eroare";
|
||||
|
||||
@@ -31,7 +31,7 @@ define(function () {
|
||||
|
||||
out.websocketError = '無法連結上 websocket 伺服器...';
|
||||
out.typeError = "這個編輯檔與所選的應用程式並不相容";
|
||||
out.onLogout = '你已登出, <a href="/" target="_blank">點擊這裏</a> 來登入<br>或按<em>Escape</em> 來以唯讀模型使用你的編輯檔案';
|
||||
out.onLogout = '你已登出, {0}點擊這裏{1} 來登入<br>或按<em>Escape</em> 來以唯讀模型使用你的編輯檔案';
|
||||
out.wrongApp = "無法在瀏覽器顯示即時期間的內容,請試著再重新載入本頁。";
|
||||
|
||||
out.loading = "載入中...";
|
||||
|
||||
Reference in New Issue
Block a user