diff --git a/customize.dist/src/less2/include/modals-ui-elements.less b/customize.dist/src/less2/include/modals-ui-elements.less index 0cc580ec0..c407c8523 100644 --- a/customize.dist/src/less2/include/modals-ui-elements.less +++ b/customize.dist/src/less2/include/modals-ui-elements.less @@ -26,6 +26,11 @@ // Properties modal .cp-app-prop { margin-bottom: 10px; + .cp-app-prop-hint { + color: @cryptpad_text_col; + font-size: 0.8em; + margin-bottom: 5px; + } .cp-app-prop-size-container { height: 20px; background-color: @colortheme_logo-2; diff --git a/www/common/inner/properties.js b/www/common/inner/properties.js index e787908f3..5a17a2c76 100644 --- a/www/common/inner/properties.js +++ b/www/common/inner/properties.js @@ -53,12 +53,14 @@ define([ var metadataMgr = common.getMetadataMgr(); var priv = metadataMgr.getPrivateData(); Messages.cba_properties = "Author colors (experimental)"; // XXX + Messages.cba_hint = "This setting will be remembered for your next pad."; // XXX Messages.cba_enable = "Enable author colors in this pad"; // XXX Messages.cba_disable = "Clear all colors and disable"; // XXX if (owned && priv.app === 'code') { (function () { var md = metadataMgr.getMetadata(); var div = h('div'); + var hint = h('div.cp-app-prop-hint', Messages.cba_hint); var $div = $(div); var setButton = function (state) { var button = h('button.btn'); @@ -93,7 +95,7 @@ define([ }); }; setButton(!md.enableColors); - $d.append(h('div.cp-app-prop', [Messages.cba_properties, h('br'), div])); + $d.append(h('div.cp-app-prop', [Messages.cba_properties, hint, div])); })(); }