[design] improve some form labels

This commit is contained in:
zombieFox 2020-08-05 19:46:55 +01:00
parent fce47ef006
commit 326ca1c7ad
10 changed files with 18 additions and 18 deletions

View File

@ -5,7 +5,7 @@
<div class="menu-item-form">
<div class="form-wrap">
<input id="control-background-visual-show" class="control-background-visual-show" type="checkbox" tabindex="-1">
<label for="control-background-visual-show"><span class="label-icon"></span> Show</label>
<label for="control-background-visual-show"><span class="label-icon"></span> Show Background Video or Image</label>
</div>
<div class="form-wrap">
<div class="form-indent">

View File

@ -4,7 +4,7 @@
</div>
<div class="menu-item-form">
<div class="form-wrap">
<label for="control-header-border-top-range">Top</label>
<label for="control-header-border-top-range">Top Border</label>
<div class="form-group form-group-block">
<input id="control-header-border-top-range" class="control-header-border-top-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-border-top-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
@ -13,7 +13,7 @@
</div>
<hr>
<div class="form-wrap">
<label for="control-header-border-bottom-range">Bottom</label>
<label for="control-header-border-bottom-range">Bottom Border</label>
<div class="form-group form-group-block">
<input id="control-header-border-bottom-range" class="control-header-border-bottom-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-border-bottom-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">

View File

@ -5,7 +5,7 @@
<div class="menu-item-form">
<div class="form-wrap">
<input id="control-header-clock-hours-show" class="control-header-clock-hours-show" type="checkbox" tabindex="-1">
<label for="control-header-clock-hours-show"><span class="label-icon"></span> Hours</label>
<label for="control-header-clock-hours-show"><span class="label-icon"></span> Show Hours</label>
</div>
<div class="form-wrap">
<div class="form-indent">
@ -22,7 +22,7 @@
<hr>
<div class="form-wrap">
<input id="control-header-clock-minutes-show" class="control-header-clock-minutes-show" type="checkbox" tabindex="-1">
<label for="control-header-clock-minutes-show"><span class="label-icon"></span> Minutes</label>
<label for="control-header-clock-minutes-show"><span class="label-icon"></span> Show Minutes</label>
</div>
<div class="form-wrap">
<div class="form-indent">
@ -39,7 +39,7 @@
<hr>
<div class="form-wrap">
<input id="control-header-clock-seconds-show" class="control-header-clock-seconds-show" type="checkbox" tabindex="-1">
<label for="control-header-clock-seconds-show"><span class="label-icon"></span> Seconds</label>
<label for="control-header-clock-seconds-show"><span class="label-icon"></span> Show Seconds</label>
</div>
<div class="form-wrap">
<div class="form-indent">
@ -56,7 +56,7 @@
<hr>
<div class="form-wrap">
<input id="control-header-clock-separator-show" class="control-header-clock-separator-show" type="checkbox" tabindex="-1">
<label for="control-header-clock-separator-show"><span class="label-icon"></span> Separators</label>
<label for="control-header-clock-separator-show"><span class="label-icon"></span> Show Separators</label>
</div>
<div class="form-wrap">
<div class="form-indent">

View File

@ -5,7 +5,7 @@
<div class="menu-item-form">
<div class="form-wrap">
<input id="control-header-color-show" class="control-header-color-show" type="checkbox" tabindex="-1">
<label for="control-header-color-show"><span class="label-icon"></span> Show</label>
<label for="control-header-color-show"><span class="label-icon"></span> Show Background Colour</label>
</div>
<div class="form-wrap">
<div class="form-indent">

View File

@ -5,7 +5,7 @@
<div class="menu-item-form">
<div class="form-wrap">
<input id="control-header-coloraccent-show" class="control-header-coloraccent-show" type="checkbox" tabindex="-1">
<label for="control-header-coloraccent-show"><span class="label-icon"></span> Show</label>
<label for="control-header-coloraccent-show"><span class="label-icon"></span> Show Colour/Accent control</label>
</div>
<div class="form-wrap">
<p class="control-header-coloraccent-show-helper form-helper-item">Colour and Accent controls can also be found under Theme.</p>

View File

@ -5,7 +5,7 @@
<div class="menu-item-form">
<div class="form-wrap">
<input id="control-header-date-day-show" class="control-header-date-day-show" type="checkbox" tabindex="-1">
<label for="control-header-date-day-show"><span class="label-icon"></span> Day</label>
<label for="control-header-date-day-show"><span class="label-icon"></span> Show Day</label>
</div>
<div class="form-wrap">
<div class="form-indent">
@ -55,7 +55,7 @@
<hr>
<div class="form-wrap">
<input id="control-header-date-date-show" class="control-header-date-date-show" type="checkbox" tabindex="-1">
<label for="control-header-date-date-show"><span class="label-icon"></span> Date</label>
<label for="control-header-date-date-show"><span class="label-icon"></span> Show Date</label>
</div>
<div class="form-wrap">
<div class="form-indent">
@ -82,7 +82,7 @@
<hr>
<div class="form-wrap">
<input id="control-header-date-month-show" class="control-header-date-month-show" type="checkbox" tabindex="-1">
<label for="control-header-date-month-show"><span class="label-icon"></span> Month</label>
<label for="control-header-date-month-show"><span class="label-icon"></span> Show Month</label>
</div>
<div class="form-wrap">
<div class="form-indent">
@ -128,7 +128,7 @@
<hr>
<div class="form-wrap">
<input id="control-header-date-year-show" class="control-header-date-year-show" type="checkbox" tabindex="-1">
<label for="control-header-date-year-show"><span class="label-icon"></span> Year</label>
<label for="control-header-date-year-show"><span class="label-icon"></span> Show Year</label>
</div>
<div class="form-wrap">
<div class="form-indent">
@ -145,7 +145,7 @@
<hr>
<div class="form-wrap">
<input id="control-header-date-separator-show" class="control-header-date-separator-show" type="checkbox" tabindex="-1">
<label for="control-header-date-separator-show"><span class="label-icon"></span> Separators</label>
<label for="control-header-date-separator-show"><span class="label-icon"></span> Show Separators</label>
</div>
<div class="form-wrap">
<div class="form-indent">

View File

@ -5,7 +5,7 @@
<div class="menu-item-form">
<div class="form-wrap">
<input id="control-header-editadd-show" class="control-header-editadd-show" type="checkbox" tabindex="-1">
<label for="control-header-editadd-show"><span class="label-icon"></span> Show</label>
<label for="control-header-editadd-show"><span class="label-icon"></span> Show Edit/Add control</label>
</div>
<div class="form-wrap">
<div class="form-indent">

View File

@ -5,7 +5,7 @@
<div class="menu-item-form">
<div class="form-wrap">
<input id="control-header-greeting-show" class="control-header-greeting-show" type="checkbox" tabindex="-1">
<label for="control-header-greeting-show"><span class="label-icon"></span> Show</label>
<label for="control-header-greeting-show"><span class="label-icon"></span> Show Greeting</label>
</div>
<div class="form-wrap">
<div class="form-indent">

View File

@ -5,7 +5,7 @@
<div class="menu-item-form">
<div class="form-wrap">
<input id="control-header-search-show" class="control-header-search-show" type="checkbox" tabindex="-1">
<label for="control-header-search-show"><span class="label-icon"></span> Show</label>
<label for="control-header-search-show"><span class="label-icon"></span> Show Search</label>
</div>
<div class="form-wrap">
<div class="form-indent">

View File

@ -5,7 +5,7 @@
<div class="menu-item-form">
<div class="form-wrap">
<input id="control-header-transitional-show" class="control-header-transitional-show" type="checkbox" tabindex="-1">
<label for="control-header-transitional-show"><span class="label-icon"></span> Show</label>
<label for="control-header-transitional-show"><span class="label-icon"></span> Show Transitional words</label>
</div>
<div class="form-wrap">
<p class="control-header-transitional-show-helper form-helper-item">Only available when Date or Time is shown.</p>