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

View File

@ -160,7 +160,7 @@ async function loadOptions(lang) {
inputFilter.classList = 'toggleFilter';
inputFilter.type = 'checkbox';
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.lang = lang;
@ -406,7 +406,7 @@ function setBreezeWiki(setting) {
document.getElementById('breezewikiCheckbox').checked = false;
}
if (setting === 'on') {
breezewikiHost.style.display = 'inline';
breezewikiHost.style.display = 'inline-block';
chrome.storage.sync.get({ 'breezewikiHost': null }, function (host) {
if (!host.breezewikiHost) {
fetch('https://bw.getindie.wiki/instances.json')