[design] change menu control order

This commit is contained in:
zombieFox 2020-01-14 19:51:33 +00:00
parent 97ee5c26c5
commit 71b68cfac5

View File

@ -171,15 +171,15 @@
<div class="control-layout-size-count form-group-text form-group-item-medium form-group-radius-left"></div> <div class="control-layout-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
</div> </div>
</div> </div>
<div class="form-wrap">
<button class="control-layout-size-default button" tabindex="1">Default Global scaling size</button>
</div>
<div class="form-helper"> <div class="form-helper">
<p class="control-layout-size-helper form-helper-item">Resize all elements on the page.</p> <p class="control-layout-size-helper form-helper-item">Resize all elements on the page.</p>
</div> </div>
<div class="form-helper"> <div class="form-helper">
<p class="control-layout-size-helper form-helper-item">Take care as some elements could scale up to outside the page.</p> <p class="control-layout-size-helper form-helper-item">Take care as some elements could scale up to outside the page.</p>
</div> </div>
<div class="form-wrap">
<button class="control-layout-size-default button" tabindex="1">Default Global scaling size</button>
</div>
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">
@ -331,12 +331,12 @@
<div class="control-header-area-width-count form-group-text form-group-item-medium form-group-radius-left"></div> <div class="control-header-area-width-count form-group-text form-group-item-medium form-group-radius-left"></div>
</div> </div>
</div> </div>
<div class="form-helper">
<p class="control-header-area-width-helper form-helper-item">Max width is defined by Layout Area Width.</p>
</div>
<div class="form-wrap"> <div class="form-wrap">
<button class="control-header-area-width-match button" tabindex="-1">Match Bookmarks Area</button> <button class="control-header-area-width-match button" tabindex="-1">Match Bookmarks Area</button>
</div> </div>
<div class="form-helper">
<p class="control-header-area-width-helper form-helper-item">Max width is defined by Layout Area Width.</p>
</div>
<hr> <hr>
<div class="form-wrap"> <div class="form-wrap">
<div class="form-wrap"> <div class="form-wrap">
@ -1705,12 +1705,12 @@
<input id="control-theme-color-rgb-hex" class="form-group-item-half control-theme-color-rgb-hex" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"> <input id="control-theme-color-rgb-hex" class="form-group-item-half control-theme-color-rgb-hex" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
</div> </div>
</div> </div>
<div class="form-helper">
<p class="control-theme-color-helper form-helper-item">Light and dark shades from this colour are used across nightTabs.</p>
</div>
<div class="form-wrap"> <div class="form-wrap">
<button class="control-theme-color-rgb-default button" tabindex="-1">Default primary colour</button> <button class="control-theme-color-rgb-default button" tabindex="-1">Default primary colour</button>
</div> </div>
<div class="form-helper">
<p class="control-theme-color-helper form-helper-item">Light and dark shades from this colour are used across nightTabs.</p>
</div>
<hr> <hr>
<div class="form-wrap"> <div class="form-wrap">
<label for="control-theme-color-hsl-h">Hue</label> <label for="control-theme-color-hsl-h">Hue</label>
@ -1862,23 +1862,6 @@
<div class="form-wrap"> <div class="form-wrap">
<button class="control-theme-shadow-default button" tabindex="-1">Default shadow size</button> <button class="control-theme-shadow-default button" tabindex="-1">Default shadow size</button>
</div> </div>
<hr>
<div class="form-wrap">
<div class="form-inline form-inline-space-between">
<div class="theme-shadow-box theme-shadow-box-small">
<p class="mb-0 small">Small shadows</p>
</div>
<div class="theme-shadow-box theme-shadow-box-medium">
<p class="mb-0 small">Medium shadows</p>
</div>
<div class="theme-shadow-box theme-shadow-box-large">
<p class="mb-0 small">Large shadows</p>
</div>
</div>
</div>
<div class="form-helper">
<p class="control-theme-shadow-helper form-helper-item">Bookmarks and Modals use the Large shadow.</p>
</div>
</div> </div>
</div> </div>
<div class="menu-item"> <div class="menu-item">