good contrast for most of the remote image warning

pull/1/head
ansuz 4 years ago
parent 4dcbddd174
commit a86422266e

@ -157,10 +157,11 @@
div.cp-inline-img-warning { div.cp-inline-img-warning {
display: inline-block; display: inline-block;
//border: 1px solid red !important; // @cp_markdown-border !important;
padding: 10px; padding: 10px;
//color: @cryptpad_color_light_red; // very bad in light mode
//background: @cryptpad_color_red_fader; color: @cryptpad_text_col;
background-color: @cryptpad_color_red_fader;
border: 1px solid @cryptpad_color_red;
.cp-inline-img { .cp-inline-img {
display: flex; display: flex;

@ -279,8 +279,12 @@ define([
} }
}; };
renderer.image = function (href, title, text) { // XXX Messages.resources_imageBlocked = "CryptPad blocked a remote image"; // XXX
if (href.slice(0,6) === '/file/') { // XXX this has been deprecated for about 3 years... use the same inline image handler as below? Messages.resources_openInNewTab = "Open its source in a new tab"; // XXX
Messages.resources_learnWhy = "Learn why it was blocked"; // XXX
renderer.image = function (href, title, text) {
if (href.slice(0,6) === '/file/') { // XXX this has been deprecated for about 3 years. Maybe we should display a warning?
// DEPRECATED // DEPRECATED
// Mediatag using markdown syntax should not be used anymore so they don't support // Mediatag using markdown syntax should not be used anymore so they don't support
// password-protected files // password-protected files
@ -301,20 +305,20 @@ define([
h('div.cp-inline-img', [ h('div.cp-inline-img', [
h('img.cp-inline-img', { h('img.cp-inline-img', {
src: '/images/broken.png', src: '/images/broken.png',
title: title || '', //title: title || '',
}), }),
h('p.cp-alt-txt', text), h('p.cp-alt-txt', text),
]), ]),
h('span.cp-img-block-notice', { h('span.cp-img-block-notice', {
}, "CryptPad blocked a remote image."), }, Messages.resources_imageBlocked),
h('br'), h('br'),
h('a.cp-remote-img', { h('a.cp-remote-img', {
href: qualifiedHref(href), href: qualifiedHref(href),
}, "Open its source in a new tab"), }, Messages.resources_openInNewTab),
h('br'), h('br'),
h('a.cp-learn-more', { h('a.cp-learn-more', {
href: 'https://docs.cryptpad.fr/en/user_guide/index.html?placeholder=remote_images', href: 'https://docs.cryptpad.fr/en/user_guide/index.html?placeholder=remote_images',
}, 'learn why it was blocked'), }, Messages.resources_learnWhy),
]); ]);
return warning.outerHTML; return warning.outerHTML;

Loading…
Cancel
Save