extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-01-08 15:09:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

[design] improve header item vertical alignment controls

Browse Source
This commit is contained in:
zombieFox 2020-02-18 09:57:11 +00:00
parent a076c3a735
commit 089857551c
1 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/html/menu/menu-content/header.html
View File

@ -43,23 +43,25 @@
<div class="form-helper">
<p class="control-header-area-justify-helper form-helper-item">Effects may not be visible if the Header Area is full width.</p>
</div>
<hr>
<div class="form-wrap">
<label class="control-header-area-align-label">Header item vertical alignment</label>
</div>
<div class="form-wrap">
<input id="control-header-area-align-center" class="control-header-area-align-center" type="radio" name="control-header-area-align" value="center" tabindex="-1">
<label for="control-header-area-align-center"><span class="label-icon"></span> Center</label>
</div>
<div class="form-helper">
<p class="control-header-area-align-center-helper form-helper-item">Header items aligned to each others centres.</p>
</div>
<div class="form-wrap">
<input id="control-header-area-align-baseline" class="control-header-area-align-baseline" type="radio" name="control-header-area-align" value="baseline" tabindex="-1">
<label for="control-header-area-align-baseline"><span class="label-icon"></span> Baseline</label>
</div>
<div class="form-helper">
<p class="control-header-area-align-baseline-helper form-helper-item">Header items aligned to the text baseline. Useful for when the Clock, Date and other text is sized large and need to sit on a line.</p>
<div class="form-indent">
<hr>
<div class="form-wrap">
<label class="control-header-area-align-label">Header item vertical alignment</label>
</div>
<div class="form-wrap">
<input id="control-header-area-align-center" class="control-header-area-align-center" type="radio" name="control-header-area-align" value="center" tabindex="-1">
<label for="control-header-area-align-center"><span class="label-icon"></span> Center</label>
</div>
<div class="form-helper">
<p class="control-header-area-align-center-helper form-helper-item">Header items aligned to each others centres.</p>
</div>
<div class="form-wrap">
<input id="control-header-area-align-baseline" class="control-header-area-align-baseline" type="radio" name="control-header-area-align" value="baseline" tabindex="-1">
<label for="control-header-area-align-baseline"><span class="label-icon"></span> Baseline</label>
</div>
<div class="form-helper">
<p class="control-header-area-align-baseline-helper form-helper-item">Header items aligned to the text baseline. Useful for when the Clock, Date and other text is sized large and need to sit on a line.</p>
</div>
</div>
<hr>
<div class="form-wrap">