Move "All Settings" btn to top to save vertical space
Kevin Payravi
parent
8b4b40168a
commit
5b3bacfbf6
|
|
@ -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>
|
||||||
|
|
|
||||||
49
popup.html
49
popup.html
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue