mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-26 23:32:25 +00:00
a741639085
Since clientPrefs and other related features are not avaliable until MW 1.42, many of them are backported as polyfill. Instead of using cookies, the polyfill are using localStorage only like Citizen in the past. There are many changes behind the scene, but the most important one being that `skin-citizen-*` theme classes are now soft-deprecated, and replaced by the standardized `skin-theme-clientpref-*` classes. There will be sufficient time before the hard deprecation. Related: #780
81 lines
3.5 KiB
Plaintext
81 lines
3.5 KiB
Plaintext
{{!
|
|
string msg-preferences
|
|
string msg-theme-label
|
|
string msg-prefs-citizen-theme-option-auto
|
|
string msg-prefs-citizen-theme-option-light
|
|
string msg-prefs-citizen-theme-option-dark
|
|
string msg-prefs-citizen-fontsize-label
|
|
string msg-prefs-citizen-pagewidth-label
|
|
string msg-prefs-citizen-resetbutton-label
|
|
}}
|
|
|
|
<aside id="citizen-pref-panel" class="citizen-pref-panel">
|
|
<header id="citizen-pref-header">{{msg-preferences}}</header>
|
|
<div id="citizen-client-prefs"></div>
|
|
<form id="citizen-pref-form">
|
|
{{! Font size }}
|
|
<fieldset class="citizen-pref-item" id="citizen-pref-fontsize">
|
|
<label for="citizen-pref-fontsize" class="citizen-pref-item__label">
|
|
<span class="citizen-pref-item__title">{{msg-prefs-citizen-fontsize-label}}</span>
|
|
<span class="citizen-pref-item__value" id="citizen-pref-fontsize__value"></span>
|
|
</label>
|
|
<input id="citizen-pref-fontsize__input" name="citizen-pref-fontsize" type="range" max="10" list="citizen-pref-fontsize__tickmarks">
|
|
<datalist id="citizen-pref-fontsize__tickmarks" class="citizen-pref__tickmarks">
|
|
<option value="0" label="80%"></option>
|
|
<option value="1"></option>
|
|
<option value="2"></option>
|
|
<option value="3"></option>
|
|
<option value="4"></option>
|
|
<option value="5"></option>
|
|
<option value="6"></option>
|
|
<option value="7"></option>
|
|
<option value="8"></option>
|
|
<option value="9"></option>
|
|
<option value="10" label="180%"></option>
|
|
</datalist>
|
|
</fieldset>
|
|
{{! Page width }}
|
|
<fieldset class="citizen-pref-item" id="citizen-pref-pagewidth">
|
|
<label for="citizen-pref-pagewidth" class="citizen-pref-item__label">
|
|
<span class="citizen-pref-item__title">{{msg-prefs-citizen-pagewidth-label}}</span>
|
|
<span class="citizen-pref-item__value" id="citizen-pref-pagewidth__value"></span>
|
|
</label>
|
|
<input id="citizen-pref-pagewidth__input" name="citizen-pref-pagewidth" type="range" max="10" list="citizen-pref-pagewidth__tickmarks">
|
|
<datalist id="citizen-pref-pagewidth__tickmarks" class="citizen-pref__tickmarks">
|
|
<option value="0" label="720px"></option>
|
|
<option value="1"></option>
|
|
<option value="2"></option>
|
|
<option value="3"></option>
|
|
<option value="4"></option>
|
|
<option value="5"></option>
|
|
<option value="6"></option>
|
|
<option value="7"></option>
|
|
<option value="8"></option>
|
|
<option value="9"></option>
|
|
<option value="10" label="∞"></option>
|
|
</datalist>
|
|
</fieldset>
|
|
{{! Line height }}
|
|
<fieldset class="citizen-pref-item" id="citizen-pref-lineheight">
|
|
<label for="citizen-pref-lineheight" class="citizen-pref-item__label">
|
|
<span class="citizen-pref-item__title">{{msg-prefs-citizen-lineheight-label}}</span>
|
|
<span class="citizen-pref-item__value" id="citizen-pref-lineheight__value"></span>
|
|
</label>
|
|
<input id="citizen-pref-lineheight__input" name="citizen-pref-lineheight" type="range" max="10" list="citizen-pref-lineheight__tickmarks">
|
|
<datalist id="citizen-pref-lineheight__tickmarks" class="citizen-pref__tickmarks">
|
|
<option value="0" label="1"></option>
|
|
<option value="1"></option>
|
|
<option value="2"></option>
|
|
<option value="3"></option>
|
|
<option value="4"></option>
|
|
<option value="5"></option>
|
|
<option value="6"></option>
|
|
<option value="7"></option>
|
|
<option value="8"></option>
|
|
<option value="9"></option>
|
|
<option value="10" label="2"></option>
|
|
</datalist>
|
|
</fieldset>
|
|
</form>
|
|
<button id="citizen-pref-resetbutton">{{msg-prefs-citizen-resetbutton-label}}</button>
|
|
</aside> |