[design] improve theme font controls

This commit is contained in:
zombieFox 2020-01-08 22:33:17 -07:00
parent d521618883
commit 592dd58439

View File

@ -1375,17 +1375,11 @@
<div class="control-theme-font-display-weight-count form-group-text form-group-item-medium form-group-radius-left"></div> <div class="control-theme-font-display-weight-count form-group-text form-group-item-medium form-group-radius-left"></div>
</div> </div>
</div> </div>
<div class="form-inline"> <div class="form-group">
<div class="button-wrap">
<button class="control-theme-font-display-light button mb-0" tabindex="-1">Light</button> <button class="control-theme-font-display-light button mb-0" tabindex="-1">Light</button>
</div>
<div class="button-wrap">
<button class="control-theme-font-display-regular button mb-0" tabindex="-1">Regular</button> <button class="control-theme-font-display-regular button mb-0" tabindex="-1">Regular</button>
</div>
<div class="button-wrap">
<button class="control-theme-font-display-bold button mb-0" tabindex="-1">Bold</button> <button class="control-theme-font-display-bold button mb-0" tabindex="-1">Bold</button>
</div> </div>
</div>
<p class="control-theme-font-display-helper form-helper small">Not all fonts support all weights. Refer to the Google Font page to see which are available.</p> <p class="control-theme-font-display-helper form-helper small">Not all fonts support all weights. Refer to the Google Font page to see which are available.</p>
<hr> <hr>
<div class="input-wrap"> <div class="input-wrap">
@ -1420,17 +1414,11 @@
<div class="control-theme-font-ui-weight-count form-group-text form-group-item-medium form-group-radius-left"></div> <div class="control-theme-font-ui-weight-count form-group-text form-group-item-medium form-group-radius-left"></div>
</div> </div>
</div> </div>
<div class="form-inline"> <div class="form-group">
<div class="button-wrap">
<button class="control-theme-font-ui-light button mb-0" tabindex="-1">Light</button> <button class="control-theme-font-ui-light button mb-0" tabindex="-1">Light</button>
</div>
<div class="button-wrap">
<button class="control-theme-font-ui-regular button mb-0" tabindex="-1">Regular</button> <button class="control-theme-font-ui-regular button mb-0" tabindex="-1">Regular</button>
</div>
<div class="button-wrap">
<button class="control-theme-font-ui-bold button mb-0" tabindex="-1">Bold</button> <button class="control-theme-font-ui-bold button mb-0" tabindex="-1">Bold</button>
</div> </div>
</div>
<p class="control-theme-font-ui-helper form-helper small">Not all fonts support all weights. Refer to the Google Font page to see which are available.</p> <p class="control-theme-font-ui-helper form-helper small">Not all fonts support all weights. Refer to the Google Font page to see which are available.</p>
<hr> <hr>
<div class="input-wrap"> <div class="input-wrap">