Move "All Settings" btn to top to save vertical space

pull/400/merge
Kevin Payravi 2024-01-06 18:44:14 -06:00
parent 8b4b40168a
commit 5b3bacfbf6
2 changed files with 34 additions and 33 deletions

View File

@ -137,14 +137,16 @@
</li> </li>
<br /> <br />
<li> <li>
<b><span aria-hidden="true">🌐</span> Redirect non-English Fandom/Fextralife wikis to indie English <b><span aria-hidden="true">🌐</span> Redirect non-English Fandom wikis to
wikis when no same-language wiki exists</b> indie English wikis there is no same-lang wiki</b>
<br /> <br />
By default, Indie Wiki Buddy will keep users within the same language By default, Indie Wiki Buddy will keep users within the same language
(e.g. only redirecting Spanish Fandom wikis to Spanish indie wikis). (e.g. only redirecting Spanish Fandom wikis to Spanish indie wikis).
However, multilingual speakers may want to also use the many independent English wikis that are available. However, multilingual speakers may want to also use the many independent English wikis that are available.
Enabling this option will redirect from non-English Fandom/Fextralife wikis Enabling this option will redirect from non-English Fandom wikis
to independent English wikis when one isn't available in the same language. to independent English wikis when one isn't available in the same language.
<br /><br />
Unfortunately this feature does not currently work for Fextralife wikis.
</li> </li>
<br /> <br />
<li> <li>

View File

@ -88,6 +88,9 @@
/* HEADER */ /* HEADER */
#header { #header {
display: flex;
justify-content: space-between;
align-items: center;
line-height: 1.5em; line-height: 1.5em;
padding: .3em 1em; padding: .3em 1em;
box-sizing: border-box; box-sizing: border-box;
@ -95,12 +98,10 @@
color: #fff; color: #fff;
width: 100%; width: 100%;
} }
#header div {
#header .settingToggle label { display: flex;
background-color: #fff; align-items: center;
border-radius: 20px; gap: .5em;
height: fit-content;
width: fit-content;
} }
/* NOTIFICATION BANNER */ /* NOTIFICATION BANNER */
@ -124,7 +125,6 @@
cursor: pointer; cursor: pointer;
width: fit-content; width: fit-content;
vertical-align: middle; vertical-align: middle;
float: right;
padding-top: .2em; padding-top: .2em;
} }
@ -137,6 +137,9 @@
height: 30px; height: 30px;
text-align: center; text-align: center;
} }
#power>label:hover {
outline: 2px solid #3174f1;
}
#power>input { #power>input {
height: 0; height: 0;
@ -235,24 +238,18 @@
} }
/* SETTINGS BUTTON */ /* SETTINGS BUTTON */
#openSettingsContainer {
width: 100%;
text-align: center;
}
#openSettingsButton { #openSettingsButton {
background: #3174f1; background: #3174f1;
border: 1px solid #333333; border: 1px solid #3174f1;
color: #fff; color: #fff;
border-radius: 5px; border-radius: 5px;
padding: .4em; padding: .2em .4em;
margin: .2em 0 0 0; font-size: 1em;
font-size: 1.3em;
} }
#openSettingsButton:hover { #openSettingsButton:hover {
cursor: pointer; cursor: pointer;
background: #ffffff; background: #fff;
border: 1px solid#3174f1; border: 1px solid#3174f1;
color: #3174f1; color: #3174f1;
} }
@ -261,13 +258,20 @@
<body> <body>
<div id="header"> <div id="header">
<h1>Indie Wiki Buddy</h1>
<div>
<div>
<button id="openSettingsButton">
Open All Settings
</button>
</div>
<div id="power"> <div id="power">
<input id="powerCheckbox" type="checkbox" /> <input id="powerCheckbox" type="checkbox" />
<label for="powerCheckbox"> <label for="powerCheckbox">
<img id="powerImage" src="" alt="" width="20" /> <img id="powerImage" src="" alt="" width="20" />
</label> </label>
</div> </div>
<h1>Indie Wiki Buddy</h1> </div>
</div> </div>
<div id="links"> <div id="links">
<a href="guide.html" target="_blank">Guide</a> <a href="guide.html" target="_blank">Guide</a>
@ -361,8 +365,8 @@
<label> <label>
<input id="crossLanguageCheckbox" type="checkbox" /> <input id="crossLanguageCheckbox" type="checkbox" />
<span id="crossLanguageIcon" aria-hidden="true"></span> <span id="crossLanguageIcon" aria-hidden="true"></span>
Redirect non-English Fandom/Fextralife wikis to Redirect non-English Fandom wikis to
indie English wikis when no same-language wiki exists indie English wikis there is no same-lang wiki
</label> </label>
</div> </div>
<div class="settingToggle"> <div class="settingToggle">
@ -410,11 +414,6 @@
</div> </div>
</fieldset> </fieldset>
</form> </form>
<div id="openSettingsContainer">
<button id="openSettingsButton">
View All Settings
</button>
</div>
</div> </div>
</body> </body>
<script type="text/javascript" src="popup.js"></script> <script type="text/javascript" src="popup.js"></script>