mirror of https://github.com/xwiki-labs/cryptpad
better UX for 2fa enabled/disabled message
This commit is contained in:
parent
085b848cee
commit
78ad809200
|
@ -58,7 +58,8 @@
|
|||
@cryptpad_color_red_fade: fade(@cryptpad_color_red, 50%);
|
||||
@cryptpad_color_red_fader: fade(@cryptpad_color_red, 15%);
|
||||
@cryptpad_color_warn_red: @cryptpad_color_red_fade;
|
||||
@cryptpad_color_dark_red: #9e0000;
|
||||
//@cryptpad_color_dark_red: #9e0000;
|
||||
@cryptpad_color_dark_red: #FF8880;
|
||||
@cryptpad_color_light_red: #FFD4D4;
|
||||
@cryptpad_color_light_red_fade: fade(@cryptpad_color_light_red, 20%);
|
||||
@cryptpad_color_orange: #f49842;
|
||||
|
|
|
@ -58,11 +58,12 @@
|
|||
@cryptpad_color_red_fade: fade(@cryptpad_color_red, 50%);
|
||||
@cryptpad_color_red_fader: fade(@cryptpad_color_red, 15%);
|
||||
@cryptpad_color_warn_red: @cryptpad_color_red_fade;
|
||||
@cryptpad_color_dark_red: #9e0000;
|
||||
@cryptpad_color_dark_red: #AD0C00;
|
||||
@cryptpad_color_light_red: #FFD4D4;
|
||||
@cryptpad_color_light_red_fade: fade(@cryptpad_color_light_red, 75%);
|
||||
@cryptpad_color_orange: #f49842;
|
||||
@cryptpad_color_green: #5cb85c;
|
||||
@cryptpad_color_green: #2C632C;
|
||||
//@cryptpad_color_green: #5cb85c;
|
||||
@cryptpad_color_green_fade: fade(@cryptpad_color_green, 50%);
|
||||
@cryptpad_color_light_green: #c5ffa8;
|
||||
@cryptpad_color_light_green_fade: fade(@cryptpad_color_light_green, 20%);
|
||||
|
|
|
@ -54,6 +54,16 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
&.enabled{
|
||||
span, i{
|
||||
color: @cryptpad_color_green;
|
||||
}
|
||||
}
|
||||
&.disabled{
|
||||
span, i{
|
||||
color: @cryptpad_color_dark_red;
|
||||
}
|
||||
}
|
||||
|
||||
textarea, div.cp-textarea {
|
||||
padding: 8px;
|
||||
|
|
|
@ -939,10 +939,11 @@ define([
|
|||
|
||||
var drawMfa = function (content, enabled) {
|
||||
var $content = $(content).empty();
|
||||
$content.append(h('div.cp-settings-mfa-hint.cp-settings-mfa-status', [
|
||||
$content.append(h('div.cp-settings-mfa-hint.cp-settings-mfa-status' + (enabled ? '.enabled' : '.disabled'), [
|
||||
h('i.fa' + (enabled ? '.fa-check' : '.fa-times')),
|
||||
h('span', enabled ? Messages.mfa_status_on : Messages.mfa_status_off)
|
||||
]));
|
||||
|
||||
if (enabled) {
|
||||
(function () {
|
||||
var button = h('button.btn', Messages.mfa_revoke_button);
|
||||
|
|
Loading…
Reference in New Issue