[design] change lots of words

This commit is contained in:
zombieFox 2019-11-11 13:23:13 +00:00
parent d12b7dd90e
commit 7cde7b83f4
2 changed files with 59 additions and 59 deletions

View File

@ -82,18 +82,18 @@
</div>
<div class="input-wrap py-0">
<div class="form-dropdown">
<button class="control-add-toggle form-dropdown-toggle button" tabindex="1">
<span class="button-text">Add</span>
</button>
<ul class="list-unstyled form-dropdown-menu">
<li>
<button class="button button-block text-left form-dropdown-menu-item control-group-add" tabindex="1"><span class="button-text">New Group</span></button>
</li>
<li>
<button class="button button-block text-left form-dropdown-menu-item control-link-add" tabindex="1"><span class="button-text">New Bookmark</span></button>
</li>
</ul>
</div>
<button class="control-add-toggle form-dropdown-toggle button" tabindex="1">
<span class="button-text">Add</span>
</button>
<ul class="list-unstyled form-dropdown-menu">
<li>
<button class="button button-block text-left form-dropdown-menu-item control-group-add" tabindex="1"><span class="button-text">New Group</span></button>
</li>
<li>
<button class="button button-block text-left form-dropdown-menu-item control-link-add" tabindex="1"><span class="button-text">New Bookmark</span></button>
</li>
</ul>
</div>
</div>
</div>
</div>
@ -148,7 +148,7 @@
<input id="control-layout-width" class="control-layout-width" type="range" min="5" max="100" value="0" tabindex="-1">
</div>
<hr>
<label class="control-layout-alignment-label">Area Alignment</label>
<label class="control-layout-alignment-label">Area alignment</label>
<div class="form-grid-wrap">
<div class="form-grid form-grid-3x3 control-layout-alignment-grid">
<div class="input-wrap">
@ -263,7 +263,7 @@
<button class="control-header-area-width-match button mb-0" tabindex="-1">Match Bookmarks Area</button>
</div>
<hr>
<label class="control-header-area-alignment-label">Area Horizontal Alignment</label>
<label class="control-header-area-alignment-label">Area horizontal alignment</label>
<div class="form-grid-wrap">
<div class="form-grid form-grid-3x1 control-header-area-alignment-grid">
<div class="input-wrap">
@ -282,7 +282,7 @@
</div>
<p class="control-header-area-alignment-helper form-helper small">Effects may not be visible if the Header Area is full width.</p>
<hr>
<label class="control-header-item-alignment-label">Item Horizontal Alignment</label>
<label class="control-header-item-alignment-label">Item horizontal alignment</label>
<div class="form-grid-wrap">
<div class="form-grid form-grid-3x1 control-header-item-alignment-grid">
<div class="input-wrap">
@ -335,7 +335,7 @@
<input id="control-header-greeting-size" class="control-header-greeting-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
</div>
<div class="button-wrap">
<button class="control-header-greeting-size-default button mb-0" tabindex="-1">Default greeting size</button>
<button class="control-header-greeting-size-default button mb-0" tabindex="-1">Default Greeting size</button>
</div>
</div>
</div>
@ -365,7 +365,7 @@
<input id="control-header-transitional-size" class="control-header-transitional-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
</div>
<div class="button-wrap">
<button class="control-header-transitional-size-default button mb-0" tabindex="-1">Default transitional size</button>
<button class="control-header-transitional-size-default button mb-0" tabindex="-1">Default Transitional size</button>
</div>
</div>
</div>
@ -439,7 +439,7 @@
<input id="control-header-clock-size" class="control-header-clock-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
</div>
<div class="button-wrap">
<button class="control-header-clock-size-default button mb-0" tabindex="-1">Default clock size</button>
<button class="control-header-clock-size-default button mb-0" tabindex="-1">Default Clock size</button>
</div>
</div>
</div>
@ -574,7 +574,7 @@
<input id="control-header-date-size" class="control-header-date-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
</div>
<div class="button-wrap">
<button class="control-header-date-size-default button mb-0" tabindex="-1">Default date size</button>
<button class="control-header-date-size-default button mb-0" tabindex="-1">Default Date size</button>
</div>
</div>
</div>
@ -640,8 +640,7 @@
<div class="form-indent">
<div class="input-wrap">
<label for="control-header-search-engine-custom-name">Name</label>
<input id="control-header-search-engine-custom-name" class="control-header-search-engine-custom-name mb-0" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Search engine name"
tabindex="-1">
<input id="control-header-search-engine-custom-name" class="control-header-search-engine-custom-name mb-0" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Search engine name" tabindex="-1">
</div>
<div class="input-wrap">
<label for="control-header-search-engine-custom-url">URL</label>
@ -675,7 +674,7 @@
</div>
<p class="control-header-search-size-helper form-helper small">Only the Search box width control will change the Width of the Search box.</p>
<div class="button-wrap">
<button class="control-header-search-size-default button mb-0" tabindex="-1">Default search size</button>
<button class="control-header-search-size-default button mb-0" tabindex="-1">Default Search size</button>
</div>
</div>
</div>
@ -710,7 +709,7 @@
<input id="control-header-button-size" class="control-header-button-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
</div>
<div class="button-wrap">
<button class="control-header-button-size-default button mb-0" tabindex="-1">Default button size</button>
<button class="control-header-button-size-default button mb-0" tabindex="-1">Default Button size</button>
</div>
</div>
</div>
@ -741,11 +740,11 @@
<label for="control-header-position-sticky"><span class="label-icon"></span> Sticky</label>
</div>
<p class="control-header-position-sticky-helper form-helper small">Header sticks to the page when scrolling up or down.</p>
<div class="input-wrap">
<input id="control-header-position-inline" class="control-header-position-inline" type="radio" name="control-header-position" value="inline" tabindex="-1">
<label for="control-header-position-inline"><span class="label-icon"></span> Inline</label>
</div>
<p class="control-header-position-inline-helper form-helper small">Header moves inline with the content when scrolling up or down.</p>
<div class="input-wrap">
<input id="control-header-position-inline" class="control-header-position-inline" type="radio" name="control-header-position" value="inline" tabindex="-1">
<label for="control-header-position-inline"><span class="label-icon"></span> Inline</label>
</div>
<p class="control-header-position-inline-helper form-helper small">Header moves inline with the content when scrolling up or down.</p>
</div>
</div>
</div>
@ -800,11 +799,11 @@
<input id="control-group-name-size" class="control-group-name-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
</div>
<div class="button-wrap">
<button class="control-group-name-size-default button mb-0" tabindex="-1">Default name size</button>
<button class="control-group-name-size-default button mb-0" tabindex="-1">Default Name size</button>
</div>
</div>
<hr>
<label class="control-group-area-alignment-label">Group Name Horizontal Alignment</label>
<label class="control-group-area-alignment-label">Group name horizontal alignment</label>
<div class="form-grid-wrap">
<div class="form-grid form-grid-3x1 control-group-area-alignment-grid">
<div class="input-wrap">
@ -853,7 +852,7 @@
<button class="control-link-area-width-match button mb-0" tabindex="-1">Match Header Area</button>
</div>
<hr>
<label class="control-link-area-alignment-label">Horizontal Alignment</label>
<label class="control-link-area-alignment-label">Horizontal alignment</label>
<div class="form-grid-wrap">
<div class="form-grid form-grid-3x1 control-link-area-alignment-grid">
<div class="input-wrap">
@ -884,14 +883,14 @@
</div>
<div class="form-indent">
<div class="input-wrap">
<label for="control-link-item-size">Tile Size</label>
<label for="control-link-item-size">Bookmark Size</label>
<input id="control-link-item-size" class="control-link-item-size" type="range" min="20" max="500" value="0" step="10" tabindex="-1">
</div>
<div class="button-wrap">
<button class="control-link-item-size-default button mb-0" tabindex="-1">Default tile size</button>
<button class="control-link-item-size-default button mb-0" tabindex="-1">Default Bookmark size</button>
</div>
<hr>
<label class="control-link-item-display-alignment-label">Content Alignment</label>
<label class="control-link-item-display-alignment-label">Content alignment</label>
<div class="form-grid-wrap">
<div class="form-grid form-grid-3x3 control-link-item-display-alignment-grid">
<div class="input-wrap">
@ -943,7 +942,7 @@
<input id="control-link-item-display-letter-size" class="control-link-item-display-letter-size" type="range" min="1" max="3000" value="0" tabindex="-1">
</div>
<div class="button-wrap">
<button class="control-link-item-display-letter-size-default button mb-0" tabindex="-1">Default letter size</button>
<button class="control-link-item-display-letter-size-default button mb-0" tabindex="-1">Default Letter size</button>
</div>
<hr>
<div class="input-wrap">
@ -951,7 +950,7 @@
<input id="control-link-item-display-icon-size" class="control-link-item-display-icon-size" type="range" min="1" max="3000" value="0" tabindex="-1">
</div>
<div class="button-wrap">
<button class="control-link-item-display-icon-size-default button mb-0" tabindex="-1">Default icon size</button>
<button class="control-link-item-display-icon-size-default button mb-0" tabindex="-1">Default Icon size</button>
</div>
</div>
<hr>
@ -964,7 +963,7 @@
<input id="control-link-item-name-size" class="control-link-item-name-size" type="range" min="1" max="1500" value="0" tabindex="-1">
</div>
<div class="button-wrap">
<button class="control-link-item-name-size-default button mb-0" tabindex="-1">Default icon size</button>
<button class="control-link-item-name-size-default button mb-0" tabindex="-1">Default Name size</button>
</div>
</div>
</div>
@ -981,22 +980,22 @@
<hr>
<div class="input-wrap">
<input id="control-link-item-url-show" class="control-link-item-url-show" type="checkbox" tabindex="-1">
<label for="control-link-item-url-show"><span class="label-icon"></span> URL on tile hover</label>
<label for="control-link-item-url-show"><span class="label-icon"></span> Show URL on Bookmark hover</label>
</div>
<hr>
<div class="input-wrap">
<input id="control-link-item-line-show" class="control-link-item-line-show" type="checkbox" tabindex="-1">
<label for="control-link-item-line-show"><span class="label-icon"></span> Tile line</label>
<label for="control-link-item-line-show"><span class="label-icon"></span> Bookmark line</label>
</div>
<hr>
<div class="input-wrap">
<input id="control-link-item-shadow-show" class="control-link-item-shadow-show" type="checkbox" tabindex="-1">
<label for="control-link-item-shadow-show"><span class="label-icon"></span> Tile shadow</label>
<label for="control-link-item-shadow-show"><span class="label-icon"></span> Bookmark shadow</label>
</div>
<hr>
<div class="input-wrap">
<input id="control-link-item-hoverscale" class="control-link-item-hoverscale" type="checkbox" tabindex="-1">
<label for="control-link-item-hoverscale"><span class="label-icon"></span> Grow on tile hover</label>
<label for="control-link-item-hoverscale"><span class="label-icon"></span> Bookmark grow on hover</label>
</div>
<hr>
<div class="input-wrap">
@ -1074,9 +1073,11 @@
<div class="button-wrap form-inline">
<button class="control-link-accent-clear button mb-0" tabindex="-1">Remove all override colours</button>
</div>
<hr>
<div class="button-wrap form-inline">
<button class="control-link-accent-set button mb-0" tabindex="-1">All the colours!</button>
<button class="control-link-accent-set button mb-0" tabindex="-1">Add override colours</button>
</div>
<p class="control-link-accent-set-helper form-helper small">Adds a unique override colour to each Bookmark.</p>
</div>
</div>
</div>
@ -1091,11 +1092,10 @@
<label for="control-theme-accent-current-picker">Colour</label>
<div class="form-group form-group-block mb-0">
<input id="control-theme-accent-current-picker" class="form-group-item-half control-theme-accent-current-picker mb-0" type="color" value="#000000" tabindex="1">
<input id="control-theme-accent-current-hex" class="form-group-item-half control-theme-accent-current-hex mb-0" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off"
autocapitalize="off" spellcheck="false">
<input id="control-theme-accent-current-hex" class="form-group-item-half control-theme-accent-current-hex mb-0" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
</div>
</div>
<p class="control-theme-style-light-helper form-helper small">Accent Colour can also be changed from the Header area.</p>
<p class="control-theme-style-light-helper form-helper small">Accent Colour can also be changed from the Header Area.</p>
<hr>
<div class="input-wrap">
<input id="control-theme-accent-random-active" class="control-theme-accent-random-active" type="checkbox" tabindex="-1">
@ -1164,20 +1164,20 @@
<input id="control-background-color-by-theme" class="control-background-color-by-theme" type="radio" name="control-background-color-by" value="theme" tabindex="-1">
<label for="control-background-color-by-theme"><span class="label-icon"></span> Theme background colour</label>
</div>
<p class="control-background-color-by-theme-helper form-helper small">Background colour defined by the Dark or Light Theme.</p>
<p class="control-background-color-by-theme-helper form-helper small">Use the Background colour defined by the Dark or Light Theme.</p>
<div class="input-wrap">
<input id="control-background-color-by-custom" class="control-background-color-by-custom" type="radio" name="control-background-color-by" value="custom" tabindex="-1">
<label for="control-background-color-by-custom"><span class="label-icon"></span> Custom background colour</label>
</div>
<p class="control-background-color-by-custom-helper form-helper small">Use a custom Background colour.</p>
<p class="control-background-color-by-custom-helper form-helper small">Take care as some colours may make the Clock, Date and other text unreadable.</p>
<div class="form-indent">
<div class="input-wrap">
<div class="form-group form-group-block mb-0">
<input id="control-background-color-custom-current-picker" class="form-group-item-half control-background-color-custom-current-picker mb-0" type="color" value="#000000" tabindex="1">
<input id="control-background-color-custom-current-hex" class="form-group-item-half control-background-color-custom-current-hex mb-0" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off"
autocorrect="off" autocapitalize="off" spellcheck="false">
<input id="control-background-color-custom-current-hex" class="form-group-item-half control-background-color-custom-current-hex mb-0" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
</div>
</div>
<p class="control-background-color-theme-helper form-helper small">Take care as some colours may make the Clock, Date and other text unreadable.</p>
</div>
</div>
</div>

View File

@ -429,7 +429,7 @@ var link = (function() {
var groupFormPositionLabel = helper.node("label:Position|for:group-form-position");
var groupFormPositionSelect = helper.node("select|id:group-form-position,class:group-form-position mb-0,tabindex:1");
var groupFormRandomNameButtonWrap = helper.node("div|class:button-wrap");
var groupFormRandomNameButton = helper.node("button:Random Group Name|class:button mb-0,type:button,tabindex:1");
var groupFormRandomNameButton = helper.node("button:Random Group name|class:button mb-0,type:button,tabindex:1");
// group name
var groupFormNameInputWrap = helper.node("div|class:input-wrap");
@ -671,7 +671,7 @@ var link = (function() {
var groupExistingRadioWrap = helper.node("div|class:input-wrap");
var groupExistingRadio = helper.node("input|class:link-form-input-group-existing,id:link-form-input-group-existing,type:radio,name:link-form-input-group,tabindex:1,checked,value:existing");
var groupExistingLable = helper.node("label|for:link-form-input-group-existing");
var groupExistingLableText = helper.node("span:Existing group");
var groupExistingLableText = helper.node("span:Existing Group");
var groupExistingLableIcon = helper.node("span|class:label-icon");
var groupExistingFormIndent = helper.node("div|class:form-indent");
var groupExistingGroupInputWrap = helper.node("div|class:input-wrap");
@ -684,13 +684,13 @@ var link = (function() {
var groupNewRadioWrap = helper.node("div|class:input-wrap");
var groupNewRadio = helper.node("input|class:link-form-input-group-new,id:link-form-input-group-new,type:radio,name:link-form-input-group,tabindex:1,value:new");
var groupNewLable = helper.node("label|for:link-form-input-group-new");
var groupNewLableLableText = helper.node("span:New group");
var groupNewLableLableText = helper.node("span:New Group");
var groupNewLableLableIcon = helper.node("span|class:label-icon");
var groupNewFormIndent = helper.node("div|class:form-indent");
var groupNewInputWrap = helper.node("div|class:input-wrap");
var groupNewInput = helper.node("input|type:text,class:link-form-input-new-group mb-0,id:link-form-input-new-group,placeholder:Example group,tabindex:1,autocomplete:off,autocorrect:off,autocapitalize:off,spellcheck:false,disabled");
var groupNewRandomNameButtonWrap = helper.node("div|class:button-wrap");
var groupNewRandomNameButton = helper.node("button:Random Group Name|class:button mb-0,type:button,tabindex:1,disabled");
var groupNewRandomNameButton = helper.node("button:Random Group name|class:button mb-0,type:button,tabindex:1,disabled");
// letter
var displayLetterRadioWrap = helper.node("div|class:input-wrap");
@ -752,7 +752,7 @@ var link = (function() {
var accentColorFormGroup = helper.node("div|class:form-group form-group-block mb-0");
var accentColorPicker = helper.node("input|id:link-form-input-accent-picker,class:form-group-item-half link-form-input-accent-picker mb-0,type:color,value:#000000,tabindex:1,disabled");
var accentColorHex = helper.node("input|id:link-form-input-accent-hex,class:form-group-item-half link-form-input-accent-hex mb-0,type:text,placeholder:Hex code,value:#000000,tabindex:1,maxlength:7,disabled");
var accentColorInputHelper = helper.node("p:Use this colour to override the global Accent colour.|class:link-form-input-accent-helper form-helper small muted disabled");
var accentColorInputHelper = helper.node("p:Use this colour to override the global accent colour.|class:link-form-input-accent-helper form-helper small muted disabled");
groupExistingRadioWrap.appendChild(groupExistingRadio);
groupExistingLable.appendChild(groupExistingLableIcon);
@ -1150,7 +1150,7 @@ var link = (function() {
},
item: function() {
var linkEmpty = helper.node("div|class:link-empty");
var para1 = helper.node("p:Empty group");
var para1 = helper.node("p:Empty Group");
var buttonWrap = helper.node("div|class:button-wrap mb-0");
var addButton = helper.node("button:Add a Bookmark|class:button mb-0,type:button,tabindex:1");
buttonWrap.appendChild(addButton);
@ -1348,7 +1348,7 @@ var link = (function() {
pagelock.unlock();
};
modal.open({
heading: "Add a new bookmark",
heading: "Add a new Bookmark",
successAction: successAction,
cancelAction: cancelAction,
actionText: "Add",
@ -1395,7 +1395,7 @@ var link = (function() {
pagelock.unlock();
};
modal.open({
heading: "Add a new group",
heading: "Add a new Group",
successAction: successAction,
cancelAction: cancelAction,
actionText: "Add",
@ -1521,7 +1521,7 @@ var link = (function() {
stagedLink.position = JSON.parse(JSON.stringify(copyStagedLink.position));
var heading;
if (stagedLink.link.name != null && stagedLink.link.name != "") {
heading = "Remove " + stagedLink.link.name + " bookmark";
heading = "Remove " + stagedLink.link.name;
} else {
heading = "Remove unnamed bookmark";
};
@ -1567,7 +1567,7 @@ var link = (function() {
stagedGroup.position = JSON.parse(JSON.stringify(copyStagedGroup.position));
var heading;
if (stagedGroup.group.name != null && stagedGroup.group.name != "") {
heading = "Remove " + stagedGroup.group.name + " group";
heading = "Remove " + stagedGroup.group.name;
} else {
heading = "Remove unnamed group";
};