Settings styling adjustments

pull/148/head
Kevin Payravi 2023-04-24 01:23:51 -04:00
parent 5d80aee1aa
commit 0669070aee
2 changed files with 14 additions and 16 deletions

View File

@ -21,7 +21,7 @@
border: none; border: none;
color: #005799; color: #005799;
background-color: #005799; background-color: #005799;
margin: .5em 0px; margin: 1em 0 .5em 0;
} }
h1 { h1 {
@ -94,16 +94,15 @@
.options { .options {
margin: 0 auto; margin: 0 auto;
box-sizing: border-box; box-sizing: border-box;
margin-bottom: 10px;
padding: 6px 0px 12px 10px; padding: 6px 0px 12px 10px;
user-select: none; user-select: none;
width: fit-content; width: fit-content;
} }
.options .settingToggleContainer { .options .settingToggleContainer {
padding-bottom: 10px; padding-bottom: .8em;
} }
.options .settingToggleContainer:last-child { .options .settingToggleContainer:last-child {
padding: 0px; padding-bottom: 0;
} }
/* GLOBAL SETTING TOGGLES */ /* GLOBAL SETTING TOGGLES */
@ -138,6 +137,7 @@
#breezewikiHost { #breezewikiHost {
display: none; display: none;
padding-left: 3em; padding-left: 3em;
padding-top: .8em;
} }
#breezewikiHost label { #breezewikiHost label {
cursor: default; cursor: default;
@ -307,17 +307,15 @@
</label> </label>
</div> </div>
<div> <div>
<div> &nbsp;&nbsp;(<a href="https://breezewiki.com/" target="_blank"
&nbsp;&nbsp;(<a href="https://breezewiki.com/" target="_blank" >learn more</a
>learn more</a >)
>)
</div>
</div> </div>
</div> <div class="settingToggleContainer">
<div class="settingToggleContainer"> <div id="breezewikiHost" class="settingToggle">
<div id="breezewikiHost" class="settingToggle"> <label for="breezewikiHostSelect">BreezeWiki Host:&nbsp;</label>
<label for="breezewikiHostSelect">BreezeWiki Host:&nbsp;</label> <select name="breezewikiHost" id="breezewikiHostSelect"></select>
<select name="breezewikiHost" id="breezewikiHostSelect"></select> </div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -160,7 +160,7 @@ async function loadOptions(lang) {
inputFilter.classList = 'toggleFilter'; inputFilter.classList = 'toggleFilter';
inputFilter.type = 'checkbox'; inputFilter.type = 'checkbox';
inputFilter.name = key; inputFilter.name = key;
inputFilter.title = 'Filter from search results on Google, Bing, and DuckDuckGo'; inputFilter.title = 'Filter ' + sites[i].origins_label + ' from Google, Bing, and DuckDuckGo';
inputFilter.id = key + '-filter'; inputFilter.id = key + '-filter';
inputFilter.lang = lang; inputFilter.lang = lang;
@ -406,7 +406,7 @@ function setBreezeWiki(setting) {
document.getElementById('breezewikiCheckbox').checked = false; document.getElementById('breezewikiCheckbox').checked = false;
} }
if (setting === 'on') { if (setting === 'on') {
breezewikiHost.style.display = 'inline'; breezewikiHost.style.display = 'inline-block';
chrome.storage.sync.get({ 'breezewikiHost': null }, function (host) { chrome.storage.sync.get({ 'breezewikiHost': null }, function (host) {
if (!host.breezewikiHost) { if (!host.breezewikiHost) {
fetch('https://bw.getindie.wiki/instances.json') fetch('https://bw.getindie.wiki/instances.json')