-
@@ -271,9 +256,8 @@
-
-
-
-
-
-
-
-
-
-
Chromium users: Due to a browser bug,
- this extension may stop working after an update. If this happens, try restarting your browser,
- turning the extension off and on via your browser's extension settings (chrome://extensions/),
- and/or reinstalling the extension.
+ this extension may stop working after an update. If this happens, try turning the extension off
+ and on via your browser's extension settings (chrome://extensions/).
Hide this message
diff --git a/popup.js b/popup.js
index 57e55bb..eb98a08 100644
--- a/popup.js
+++ b/popup.js
@@ -137,24 +137,14 @@ function setNotifications(setting, storeSetting = true) {
if (storeSetting) {
chrome.storage.sync.set({ 'notifications': setting });
}
+
+ const notificationsIcon = document.getElementById('notificationsIcon');
if (setting === 'on') {
document.getElementById('notificationsCheckbox').checked = true;
+ notificationsIcon.innerText = '๐';
} else {
document.getElementById('notificationsCheckbox').checked = false;
- }
-}
-
-// Set search filter setting
-function setSearchSetting(setting, storeSetting = true) {
- if (storeSetting) {
- chrome.storage.sync.set({ 'searchSetting': setting });
- }
- if (setting === 'hide') {
- document.getElementById('searchFilteringHideRadio').checked = true;
- } else if (setting === 'nothing') {
- document.getElementById('searchFilteringNothingRadio').checked = true;
- } else {
- document.getElementById('searchFilteringReplaceRadio').checked = true;
+ notificationsIcon.innerText = '๐';
}
}
@@ -297,15 +287,7 @@ document.addEventListener('DOMContentLoaded', function () {
}
});
});
- document.getElementById('searchFilteringReplaceRadio').addEventListener('change', function () {
- setSearchSetting('replace');
- });
- document.getElementById('searchFilteringHideRadio').addEventListener('change', function () {
- setSearchSetting('hide');
- });
- document.getElementById('searchFilteringNothingRadio').addEventListener('change', function () {
- setSearchSetting('nothing');
- });
+
document.getElementById('breezewikiCheckbox').addEventListener('change', function () {
chrome.storage.sync.get({ 'breezewiki': 'off' }, function (item) {
if (item.breezewiki === 'on') {
diff --git a/settings.html b/settings.html
index d3fff34..969acca 100644
--- a/settings.html
+++ b/settings.html
@@ -1,503 +1,619 @@
-
-
-
-
- Indie Wiki Buddy settings
-
-
+ /* CONTENT */
+ #content {
+ background-color: #fff;
+ box-sizing: border-box;
+ padding: 1rem .75rem;
+ }
-
-
-
-
-
Indie Wiki Buddy
+ /* FOOTER */ + #footer { + padding-bottom: 1.5rem; + text-align: center; + line-height: 1.6rem; + box-sizing: border-box; + } + + #footer a { + padding: 5px 0px; + color: #005799; + } + + /* NOTIFICATIONS */ + #notificationBannerContainer { + background-color: #f8f3d6; + font-size: .9em; + line-height: 1.3em; + } + + #notificationBannerContainer span { + padding: .5rem 1rem; + display: none; + } + + /* GLOBAL SETTINGS SECTION */ + .options { + box-sizing: border-box; + padding-bottom: .5rem; + user-select: none; + width: 100%; + } + + /* GLOBAL SETTING TOGGLES */ + #power input { + height: 0; + width: 0; + margin: 0; + border: none; + appearance: none; + } + + #power img { + margin-left: -8px; + } + + .two-col { + display: flex; + gap: .5rem; + padding-bottom: .5rem; + } + + .two-col>div { + flex: 50%; + } + + .settingToggle { + cursor: pointer; + width: fit-content; + } + + .settingToggle input, + .settingToggle label { + cursor: pointer; + } + + .settingToggle img { + vertical-align: middle; + } + + #searchFilteringSettings>div { + display: inline-block; + } + + #breezewikiHost { + display: none; + padding: 0 0 0 1rem; + } + + #breezewikiHost label { + cursor: default; + } + + /* WIKI CONTROLS */ + #wikiControls { + margin: 0 auto; + padding-bottom: .5rem; + } + + #wikiControls button { + background: #ffffff; + border: 1px solid #333333; + color: #333333; + border-radius: 5px; + padding: 3px 5px; + margin: 3px 5px; + } + + #wikiControls button:hover { + cursor: pointer; + background: #005799; + border: 1px solid#005799; + color: #ffffff; + } + + #wikiControls button:hover img { + filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(100%) contrast(100%); + } + + #individualWikiSettings { + text-align: center; + } + #individualWikiSettings legend { + text-align: left; + } + + #langSelectContainer { + margin: .75em 0; + text-align: center; + } + + .toggles { + font-size: 0.8rem; + white-space: nowrap; + position: relative; + } + + .toggles label { + display: flex; + align-items: center; + } + + .toggles>div:hover { + background-color: #e8f0fe; + } + + .toggles input { + cursor: pointer; + margin: 0; + } + + .toggles>div { + line-height: 2rem; + display: flex; + flex-direction: row; + padding: 0 1rem; + } + + .toggles .inputsContainer { + display: flex; + float: right; + } + + .inputsContainer>label, + .inputsContainer>div { + width: 20px; + justify-content: center; + text-align: center; + } + + #togglesKey img { + width: auto; + max-width: 17px; + height: auto; + max-height: 18px; + vertical-align: middle; + } + + .toggles img { + line-height: 1.2rem; + } + + .toggles a img { + padding-right: .5rem; + } + + .toggles span { + flex-grow: 1; + overflow: hidden; + text-overflow: ellipsis; + } + + #defaultToggles { + border-bottom: 1px solid #ccc; + background-color: #f5fbff; + } + + #togglesKey>div:nth-child(3), + .toggles>div>div>label:nth-child(3) { + padding-right: .4rem; + } + + #togglesKey>div:nth-child(4), + .toggles>div>div>label:nth-child(4) { + padding-left: .4rem; + border-left: 1px solid #333; + } + + /* CONTROL CLASSES */ + .visuallyHidden { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; + } + + .text-sm { + font-size: .85em; + } + + + + +
+
+
+
+
+ Indie Wiki Buddy
+
+
+ Chromium users: Due to a browser bug,
+ this extension may stop working after an update. If this happens, try turning the extension off
+ and on via your browser's extension settings (chrome://extensions/).
+ Hide this message
+
+
+ Opera users: By default, Opera will block extensions from running on search engines.
+ Search engine access can be enabled per-extension by going to "about:extensions"
+ and selecting the "Allow access to search page results" option under Indie Wiki Buddy.
+ Hide this message
+
+
+ Enjoying Indie Wiki Buddy? Please leave a review!
+
+ Chrome + | + Firefox + | + Hide this message +
+ Having issues or ideas for improvement? Please contact + me! + +
+ + Chrome + | + Firefox + | + Hide this message +
+ Having issues or ideas for improvement? Please contact + me! + +
+
+ Thanks for installing Indie Wiki Buddy! Let's get you set up.
+
+ Use the links above to see the full guide, submit new wikis, or contact the developer. +
+ In the settings below, you can toggle features on and off. + By default, search engine filtering and notifications when you are redirected are turned on. + You can also turn on BreezeWiki, which will render Fandom + wikis without ads or bloat. +
+ Below that, you can configure what happens when you visit each Fandom and Fextralife wiki that has an + independent alternative. + This includes whether you want to be + alerted (default) + or + + automatically redirected. + You can also toggle whether you want to + + filter the non-indie wikis from search engines (on by default). +
+ You can access these settings in the future via the extension's icon + + at the top right of your browser. If you don't see the icon, + it may be in the extension dropdown, which can be opened via the jigsaw icon + (also at the top right of your browser). +
-
- + Use the links above to see the full guide, submit new wikis, or contact the developer. +
+ In the settings below, you can toggle features on and off. + By default, search engine filtering and notifications when you are redirected are turned on. + You can also turn on BreezeWiki, which will render Fandom + wikis without ads or bloat. +
+ Below that, you can configure what happens when you visit each Fandom and Fextralife wiki that has an + independent alternative. + This includes whether you want to be + alerted (default) + or + + automatically redirected. + You can also toggle whether you want to + + filter the non-indie wikis from search engines (on by default). +
+ You can access these settings in the future via the extension's icon + + at the top right of your browser. If you don't see the icon, + it may be in the extension dropdown, which can be opened via the jigsaw icon + (also at the top right of your browser). +
-
- Chromium users: Due to a browser bug,
- this extension may stop working after an update. If this happens, try restarting your browser,
- turning the extension off and on via your browser's extension settings (chrome://extensions/),
- and/or reinstalling the extension.
- Hide this message
-
-
- Opera users: By default, Opera will block extensions from running on search engines.
- Search engine access can be enabled per-extension by going to "about:extensions"
- and selecting the "Allow access to search page results" option under Indie Wiki Buddy.
- Hide this message
-
-
- Enjoying Indie Wiki Buddy? Please leave a review!
-
- Chrome - | - Firefox - | - Hide this message -
- Having issues or ideas for improvement? Please contact me! - -
- - Chrome - | - Firefox - | - Hide this message -
- Having issues or ideas for improvement? Please contact me! - -
-
- Thanks for installing Indie Wiki Buddy! Let's get you set up.
-
- Use the links above to see the full guide, submit new wikis, or contact the developer. -
- In the "global settings" section below, you can toggle features on and off. - By default, search engine filtering and notifications when you are redirected are turned on. - You can also turn on BreezeWiki, which will render Fandom wikis without ads or bloat. -
- Below that, you can configure what happens when you visit each Fandom and Fextralife wiki that has an independent alternative. - This includes whether you want to be - alerted (default) - or - - automatically redirected. - You can also toggle whether you want to - - filter the non-indie wikis from search engines (on by default). -
- You can access these settings in the future via the extension's icon - - at the top right of your browser. If you don't see the icon, - it may be in the extension dropdown, which can be opened via the jigsaw icon - (also at the top right of your browser). -
+
- Use the links above to see the full guide, submit new wikis, or contact the developer. -
- In the "global settings" section below, you can toggle features on and off. - By default, search engine filtering and notifications when you are redirected are turned on. - You can also turn on BreezeWiki, which will render Fandom wikis without ads or bloat. -
- Below that, you can configure what happens when you visit each Fandom and Fextralife wiki that has an independent alternative. - This includes whether you want to be - alerted (default) - or - - automatically redirected. - You can also toggle whether you want to - - filter the non-indie wikis from search engines (on by default). -
- You can access these settings in the future via the extension's icon - - at the top right of your browser. If you don't see the icon, - it may be in the extension dropdown, which can be opened via the jigsaw icon - (also at the top right of your browser). -
+