diff --git a/src/component/alert/index.js b/src/component/alert/index.js index 0c2d8bdf..acb421c6 100644 --- a/src/component/alert/index.js +++ b/src/component/alert/index.js @@ -31,7 +31,7 @@ export const Alert = function({ if (message.length > 0) { message.forEach((item, i) => { - this.element.message.appendChild(node('p:' + item)); + this.element.message.appendChild(node('p:' + item + '|class:small')); }); }; diff --git a/src/component/icon/index.js b/src/component/icon/index.js index 6eea2698..97319017 100644 --- a/src/component/icon/index.js +++ b/src/component/icon/index.js @@ -123,7 +123,11 @@ icon.all = { }, info: { name: 'info', - path: 'M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z' + path: 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z' + }, + warning: { + name: 'warning', + path: 'M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z' } }; diff --git a/src/component/menuContent/dataSetting/index.js b/src/component/menuContent/dataSetting/index.js index dc392f80..9296723f 100644 --- a/src/component/menuContent/dataSetting/index.js +++ b/src/component/menuContent/dataSetting/index.js @@ -126,15 +126,14 @@ dataSetting.clear = (parent) => { } }); - dataSetting.control.clear.alert = new Alert({ iconName: 'info', message: ['You will lose Bookmarks by clearing all data.', 'Have you backed up your data?'] }); + dataSetting.control.clear.alert = new Alert({ iconName: 'warning', message: ['You will lose Bookmarks by clearing all data.', 'Have you backed up your data?'] }); dataSetting.control.clear.helper = new Control_helperText({ - text: ['Wipe all data and restore ' + appName + ' to the default state.', 'Alternatively it is possible to wipe all settings but keep the current Bookmarks and Groups.'] + text: ['Wipe all data to restore ' + appName + ' to the default state.', 'Alternatively, it is possible to wipe all settings but keep the current Bookmarks and Groups.'] }); parent.appendChild( node('div', [ - dataSetting.control.clear.alert.wrap(), form.wrap({ children: [ form.inline({ @@ -148,6 +147,7 @@ dataSetting.clear = (parent) => { }) ] }), + dataSetting.control.clear.alert.wrap(), dataSetting.control.clear.helper.wrap() ]) );