open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve linter info popup

Browse Source 
* show rule id so the user can configure it
* add "configure" button to show the linter config UI
* add margins between items
This commit is contained in:
tophf 2021-02-09 09:36:34 +03:00
parent 1746235d0d
commit 2a4e55dfec
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
edit/edit.css
View File

@ -729,6 +729,12 @@ body:not(.find-open) [data-match-highlight-count="1"] .CodeMirror-selection-high
#help-popup .rules {
padding: 0 15px;
}
#help-popup .rules li {
padding-top: .5em;
}
#help-popup .rules p {
margin: .25em 0;
}
#help-popup button {
margin-right: 3px;
}

7
edit/linter-dialogs.js
View File

@ -74,9 +74,9 @@
const rule = RULES.csslint.find(rule => rule.id === ruleID);
return rule &&
$create('li', [
$create('b', $createLink(rule.url || baseUrl, rule.name)),
$create('br'),
rule.desc,
$create('b', ruleID + ': '),
rule.url ? $createLink(`"${rule.url}"`, rule.name) : $create('span', `"${rule.name}"`),
$create('p', rule.desc),
]);
};
} else {
@ -91,6 +91,7 @@
$create([
header[0], headerLink, header[1],
$create('ul.rules', [...activeRules].map(template)),
$create('button', {onclick: linterMan.showLintConfig}, t('configureStyle')),
]));
};