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

Add popup auto resort option

Browse Source
This commit is contained in:
Rob Garrison 2018-12-26 22:04:32 -06:00
parent 77b37d7ee0
commit 259cf4ab80
4 changed files with 24 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_locales/en/messages.json
View File

@ -1055,6 +1055,10 @@
"message": "Styles before commands", "message": "Styles before commands",
"description": "Label for the checkbox controlling section order in the popup." "description": "Label for the checkbox controlling section order in the popup."
}, },
"popupAutoResort": {
"message": "Resort styles in popup after toggling",
"description": "Label for the checkbox controlling popup resorting."
},
"prefShowBadge": { "prefShowBadge": {
"message": "Number of styles active for the current site", "message": "Number of styles active for the current site",
"description": "Label for the checkbox controlling toolbar badge text." "description": "Label for the checkbox controlling toolbar badge text."

1
js/prefs.js
View File

@ -18,6 +18,7 @@ const prefs = (() => {
'popup.breadcrumbs.usePath': false, // use URL path for 'this URL' 'popup.breadcrumbs.usePath': false, // use URL path for 'this URL'
'popup.enabledFirst': true, // display enabled styles before disabled styles 'popup.enabledFirst': true, // display enabled styles before disabled styles
'popup.stylesFirst': true, // display enabled styles before disabled styles 'popup.stylesFirst': true, // display enabled styles before disabled styles
'popup.autoResort': false, // auto resort styles after toggling
'popup.borders': false, // add white borders on the sides 'popup.borders': false, // add white borders on the sides
'popup.findStylesInline': true, // use the inline style search 'popup.findStylesInline': true, // use the inline style search

7
options.html
View File

@ -101,6 +101,13 @@
<span></span> <span></span>
</span> </span>
</label> </label>
<label>
<span i18n-text="popupAutoResort"></span>
<span class="onoffswitch">
<input type="checkbox" id="popup.autoResort" class="slider">
<span></span>
</span>
</label>
<label class="chromium-only"> <label class="chromium-only">
<span i18n-text="popupBorders" i18n-title="popupBordersTooltip"></span> <span i18n-text="popupBorders" i18n-title="popupBordersTooltip"></span>
<span class="onoffswitch"> <span class="onoffswitch">

2
popup/popup.js
View File

@ -242,6 +242,7 @@ function showStyles(styles) {
} }
function sortStylesInPlace() { function sortStylesInPlace() {
if (prefs.get('popup.autoResort')) {
const enabledFirst = prefs.get('popup.enabledFirst'); const enabledFirst = prefs.get('popup.enabledFirst');
const styles = $$('.entry', installed); const styles = $$('.entry', installed);
if (styles.length) { if (styles.length) {
@ -253,6 +254,7 @@ function sortStylesInPlace() {
}); });
styles.forEach(style => installed.appendChild(style)); styles.forEach(style => installed.appendChild(style));
} }
}
} }