From a603cc081bab3280e41fe3e30cb65440ea0e669a Mon Sep 17 00:00:00 2001 From: tophf Date: Mon, 27 Nov 2017 08:16:42 +0300 Subject: [PATCH] use the same "configure" icon in editor an manager --- edit.html | 2 +- edit/edit.css | 3 +-- manage.html | 6 ++---- manage/config-dialog.js | 10 ++++++---- manage/manage.css | 10 ++++++---- 5 files changed, 16 insertions(+), 15 deletions(-) diff --git a/edit.html b/edit.html index c4948ce0..1c458a5c 100644 --- a/edit.html +++ b/edit.html @@ -277,7 +277,7 @@ - + diff --git a/edit/edit.css b/edit/edit.css index 16b7c00e..d2073151 100644 --- a/edit/edit.css +++ b/edit/edit.css @@ -98,8 +98,7 @@ input[type="checkbox"] { h2 .svg-icon, label .svg-icon { margin-top: -1px; } -.svg-icon.info, -.svg-icon.settings { +.svg-icon.info { width: 14px; height: 16px; } diff --git a/manage.html b/manage.html index 1fbb9477..15b63bb1 100644 --- a/manage.html +++ b/manage.html @@ -87,10 +87,8 @@ diff --git a/manage/config-dialog.js b/manage/config-dialog.js index 57f8b330..e8d8730c 100644 --- a/manage/config-dialog.js +++ b/manage/config-dialog.js @@ -29,11 +29,13 @@ function configDialog(style) { }, t('confirmCancel') ] - }).then(result => { - if (result.button !== 0 && !result.enter) { - return; + }).then(({button, enter}) => { + if (button !== 1) { + colorpicker.hide(); + } + if (button === 0 || enter) { + return form.getVars(); } - return form.getVars(); }); function buildConfigForm() { diff --git a/manage/manage.css b/manage/manage.css index 056becb3..724d9cc3 100644 --- a/manage/manage.css +++ b/manage/manage.css @@ -100,22 +100,24 @@ label.nobreak input { transition: fill .5s; width: 20px; height: 20px; + fill: #666; } .svg-icon:hover { fill: #000; } -.svg-icon { - fill: #666; -} - .svg-icon.info { width: 14px; height: 16px; margin-left: .5ex; } +.svg-icon.configure { + width: 16px; + height: 16px; +} + .homepage { margin-left: 0.1em; margin-right: 0.1em;