From f57af7929f65b62bb8273c4e53379d56d1c26354 Mon Sep 17 00:00:00 2001 From: Rob Garrison Date: Tue, 27 Nov 2018 17:50:11 -0600 Subject: [PATCH] Fix filter, search & add bulk ui html --- _locales/en/messages.json | 16 ++++ global.css | 1 + js/prefs.js | 4 - manage.html | 178 ++++++++++++++++++++--------------- manage/filters.js | 15 +-- manage/incremental-search.js | 3 +- manage/manage-ui.js | 9 +- manage/manage.css | 28 +++++- manage/sort.js | 1 + 9 files changed, 159 insertions(+), 96 deletions(-) diff --git a/_locales/en/messages.json b/_locales/en/messages.json index f632c8a1..33003cf5 100644 --- a/_locales/en/messages.json +++ b/_locales/en/messages.json @@ -1214,6 +1214,22 @@ "message": " key focuses the search field.\nPlain text: search within the name, code, homepage URL and sites it is applied to. Words with less than 3 letters are ignored.\nStyles matching a full URL: prefix the search with , e.g. \nRegular expressions: include slashes and flags, e.g. \nExact words: wrap the query in double quotes, e.g. <\".header ~ div\">", "description": "Text in the minihelp displayed when clicking (i) icon to the right of the search input field on the Manage styles page" }, + "bulkActions": { + "message": "Apply actions to selected styles", + "description": "Label for bulk actions select dropdown" + }, + "bulkActionsSelect": { + "message": "Choose a bulk action", + "description": "Placeholder text in dropdown to tell the user to choose an action to apply to all selected styles" + }, + "bulkActionsApply": { + "message": "Apply", + "description": "Text for button to apply the selected action" + }, + "bulkActionsTooltip": { + "message": "Click to open the filter, search and bulk actions panel", + "description": "Text for button to apply the selected action" + }, "sectionAdd": { "message": "Add another section", "description": "Label for the button to add a section" diff --git a/global.css b/global.css index c010a958..031aeb3d 100644 --- a/global.css +++ b/global.css @@ -136,6 +136,7 @@ select { color: #000; background-color: transparent; border: 1px solid hsl(0, 0%, 66%); + border-radius: 2px; padding: 0 20px 0 6px; transition: color .5s; } diff --git a/js/prefs.js b/js/prefs.js index b227d2c6..9bfd780b 100644 --- a/js/prefs.js +++ b/js/prefs.js @@ -27,10 +27,6 @@ self.prefs = self.INJECTED === 1 ? self.prefs : (() => { 'manage.onlyEnabled.invert': false, // display only disabled styles 'manage.onlyLocal.invert': false, // display only externally installed styles 'manage.onlyUsercss.invert': false, // display only non-usercss (standard) styles - // UI element state: expanded/collapsed - 'manage.backup.expanded': true, - 'manage.filters.expanded': true, - 'manage.options.expanded': true, // the new compact layout doesn't look good on Android yet 'manage.newUI': !navigator.appVersion.includes('Android'), 'manage.newUI.favicons': false, // show favicons for the sites in applies-to diff --git a/manage.html b/manage.html index d3f79d4d..d18ca3c7 100644 --- a/manage.html +++ b/manage.html @@ -30,7 +30,7 @@