StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-26 23:32:25 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-skins-Citizen/resources/skins.citizen.preferences/templates/preferences.mustache

81 lines
3.5 KiB
Plaintext
Raw Normal View History

feat: implement reading preferences allow visitor to adjust theme, font size, and page width
2021-04-27 16:57:54 +00:00
{{!
string msg-preferences
string msg-theme-label
feat: add auto theme to preferences
2021-06-09 18:40:44 +00:00
string msg-prefs-citizen-theme-option-auto
string msg-prefs-citizen-theme-option-light
feat: implement reading preferences allow visitor to adjust theme, font size, and page width
2021-04-27 16:57:54 +00:00
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
}}
feat: tweak show/hide behavior for preference menu
2021-04-27 17:29:55 +00:00
<aside id="citizen-pref-panel" class="citizen-pref-panel">
refactor(core): do not use h3 for preference card header
2022-05-19 01:37:27 +00:00
<header id="citizen-pref-header">{{msg-preferences}}</header>
feat(core): ✨ add pure black mode for dark theme
2024-04-25 19:45:24 +00:00
<div class="citizen-client-prefs" id="citizen-client-prefs"></div>
feat: implement reading preferences allow visitor to adjust theme, font size, and page width
2021-04-27 16:57:54 +00:00
<form id="citizen-pref-form">
feat(core): update preferences menu behavior * Adjust font size slider range, it starts at 80% and ends at 180% * Font size is always shown in percentage now * Better handling of initial font size, it should now detect browser or site default correctly * Use relative units * Tweak styles
2022-05-11 01:45:30 +00:00
{{! Font size }}
feat: implement reading preferences allow visitor to adjust theme, font size, and page width
2021-04-27 16:57:54 +00:00
<fieldset class="citizen-pref-item" id="citizen-pref-fontsize">
<label for="citizen-pref-fontsize" class="citizen-pref-item__label">
feat(core): update preferences menu behavior * Adjust font size slider range, it starts at 80% and ends at 180% * Font size is always shown in percentage now * Better handling of initial font size, it should now detect browser or site default correctly * Use relative units * Tweak styles
2022-05-11 01:45:30 +00:00
<span class="citizen-pref-item__title">{{msg-prefs-citizen-fontsize-label}}</span>
<span class="citizen-pref-item__value" id="citizen-pref-fontsize__value"></span>
feat: implement reading preferences allow visitor to adjust theme, font size, and page width
2021-04-27 16:57:54 +00:00
</label>
feat(core): update preferences menu behavior * Adjust font size slider range, it starts at 80% and ends at 180% * Font size is always shown in percentage now * Better handling of initial font size, it should now detect browser or site default correctly * Use relative units * Tweak styles
2022-05-11 01:45:30 +00:00
<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>
feat: implement reading preferences allow visitor to adjust theme, font size, and page width
2021-04-27 16:57:54 +00:00
</fieldset>
feat(core): update preferences menu behavior * Adjust font size slider range, it starts at 80% and ends at 180% * Font size is always shown in percentage now * Better handling of initial font size, it should now detect browser or site default correctly * Use relative units * Tweak styles
2022-05-11 01:45:30 +00:00
{{! Page width }}
feat: implement reading preferences allow visitor to adjust theme, font size, and page width
2021-04-27 16:57:54 +00:00
<fieldset class="citizen-pref-item" id="citizen-pref-pagewidth">
<label for="citizen-pref-pagewidth" class="citizen-pref-item__label">
feat(core): update preferences menu behavior * Adjust font size slider range, it starts at 80% and ends at 180% * Font size is always shown in percentage now * Better handling of initial font size, it should now detect browser or site default correctly * Use relative units * Tweak styles
2022-05-11 01:45:30 +00:00
<span class="citizen-pref-item__title">{{msg-prefs-citizen-pagewidth-label}}</span>
<span class="citizen-pref-item__value" id="citizen-pref-pagewidth__value"></span>
feat: implement reading preferences allow visitor to adjust theme, font size, and page width
2021-04-27 16:57:54 +00:00
</label>
feat(core): update preferences menu behavior * Adjust font size slider range, it starts at 80% and ends at 180% * Font size is always shown in percentage now * Better handling of initial font size, it should now detect browser or site default correctly * Use relative units * Tweak styles
2022-05-11 01:45:30 +00:00
<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>
feat: implement reading preferences allow visitor to adjust theme, font size, and page width
2021-04-27 16:57:54 +00:00
</fieldset>
feat(core): update preferences menu behavior * Adjust font size slider range, it starts at 80% and ends at 180% * Font size is always shown in percentage now * Better handling of initial font size, it should now detect browser or site default correctly * Use relative units * Tweak styles
2022-05-11 01:45:30 +00:00
{{! Line height }}
feat: add user customizable line height
2021-08-05 15:24:52 +00:00
<fieldset class="citizen-pref-item" id="citizen-pref-lineheight">
<label for="citizen-pref-lineheight" class="citizen-pref-item__label">
feat(core): update preferences menu behavior * Adjust font size slider range, it starts at 80% and ends at 180% * Font size is always shown in percentage now * Better handling of initial font size, it should now detect browser or site default correctly * Use relative units * Tweak styles
2022-05-11 01:45:30 +00:00
<span class="citizen-pref-item__title">{{msg-prefs-citizen-lineheight-label}}</span>
<span class="citizen-pref-item__value" id="citizen-pref-lineheight__value"></span>
feat: add user customizable line height
2021-08-05 15:24:52 +00:00
</label>
feat(core): update preferences menu behavior * Adjust font size slider range, it starts at 80% and ends at 180% * Font size is always shown in percentage now * Better handling of initial font size, it should now detect browser or site default correctly * Use relative units * Tweak styles
2022-05-11 01:45:30 +00:00
<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>
feat: add user customizable line height
2021-08-05 15:24:52 +00:00
</fieldset>
feat: implement reading preferences allow visitor to adjust theme, font size, and page width
2021-04-27 16:57:54 +00:00
</form>
<button id="citizen-pref-resetbutton">{{msg-prefs-citizen-resetbutton-label}}</button>
</aside>
Reference in a new issue Copy permalink