extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-02-13 16:59:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

[refactor] decouple button line from default button styles

Browse Source
This commit is contained in:
zombieFox 2020-04-22 16:03:49 +01:00
parent 15e6650079
commit 9fe3f50cbc
56 changed files with 201 additions and 281 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package-lock.json generated
View File

@ -1,6 +1,6 @@
{
"name": "nightTab",
"version": "5.16.0",
"version": "5.17.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "nightTab",
"version": "5.16.0",
"version": "5.17.0",
"description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
"main": "index.js",
"scripts": {

22
src/css/auto-suggest.css
View File

@ -22,14 +22,11 @@
.auto-suggest-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: calc(var(--form-wrap-space) / 2);
}
.auto-suggest-item {
background-color: transparent;
padding: 0.5em;
margin: 0;
border: 0;
border-radius: var(--theme-radius);
width: 100%;
height: 100%;
min-height: 6em;
@ -42,23 +39,6 @@
transition: background-color var(--layout-timing-extra-fast), color var(--layout-timing-extra-fast), border-color var(--layout-timing-extra-fast), box-shadow var(--layout-timing-extra-fast);
}
.auto-suggest-item:after {
content: none;
}
.auto-suggest-item:link,
.auto-suggest-item:visited {
background-color: transparent;
}
.auto-suggest-item:hover {
box-shadow: var(--form-ring-hover);
}
.auto-suggest-item:focus {
box-shadow: var(--form-ring-accent);
}
.auto-suggest-icon {
font-size: 2em;
}

54
src/css/button.css
View File

@ -77,11 +77,7 @@ button:disabled:active,
text-decoration: none;
}
button:after,
.button:after,
input[type="button"]:after,
input[type="reset"]:after,
input[type="submit"]:after {
.button-line:after {
content: "";
background: transparent;
border-radius: var(--theme-radius);
@ -95,44 +91,24 @@ input[type="submit"]:after {
pointer-events: none;
}
button:focus:after,
button:hover:after,
.button:focus:after,
.button:hover:after,
input[type="button"]:focus:after,
input[type="button"]:hover:after,
input[type="reset"]:focus:after,
input[type="reset"]:hover:after,
input[type="submit"]:focus:after,
input[type="submit"]:hover:after {
.button-line:focus:after,
.button-line:hover:after {
background-color: rgb(var(--button-border-focus-hover));
}
button:active:after,
.button:active:after,
input[type="button"]:active:after,
input[type="reset"]:active:after,
input[type="submit"]:active:after {
.button-line:active:after {
background-color: rgb(var(--button-border-active));
transition: none;
}
button.disabled:after,
.button.disabled:after,
button.disabled:hover:after,
.button.disabled:hover:after,
button.disabled:focus:after,
.button.disabled:focus:after,
button.disabled:active:after,
.button.disabled:active:after,
button:disabled:after,
.button:disabled:after,
button:disabled:hover:after,
.button:disabled:hover:after,
button:disabled:focus:after,
.button:disabled:focus:after,
button:disabled:active:after,
.button:disabled:active:after {
.button-line.disabled:after,
.button-line.disabled:hover:after,
.button-line.disabled:focus:after,
.button-line.disabled:active:after,
.button-line:disabled:after,
.button-line:disabled:hover:after,
.button-line:disabled:focus:after,
.button-line:disabled:active:after {
background-color: rgb(var(--button-border-disabled));
}
@ -152,7 +128,7 @@ button [class*=" icon-"],
color: rgb(var(--button-text-focus-active));
}
.button.active:after {
.button-line.active:after {
background-color: rgb(var(--theme-accent));
}
@ -210,10 +186,6 @@ button [class*=" button-"]:last-child,
color: rgb(var(--button-link-text));
}
.button-link:after {
content: none;
}
.button-link:hover,
.button-link:focus {
background-color: transparent;

130
src/css/form.css
View File

@ -1037,10 +1037,10 @@ input[type="range"]:disabled::-moz-range-progress {
top: inherit;
}
.form-input-button input[type="checkbox"]+label:after,
.form-input-button input[type="radio"]+label:after,
.form-input-button input[type="color"]+label:after,
.form-input-button input[type="file"]+label:after {
.form-input-button-line input[type="checkbox"]+label:after,
.form-input-button-line input[type="radio"]+label:after,
.form-input-button-line input[type="color"]+label:after,
.form-input-button-line input[type="file"]+label:after {
content: "";
background: transparent;
border-radius: var(--theme-radius);
@ -1054,49 +1054,49 @@ input[type="range"]:disabled::-moz-range-progress {
pointer-events: none;
}
.form-input-button input[type="checkbox"]:focus+label:after,
.form-input-button input[type="checkbox"]:hover+label:after,
.form-input-button input[type="radio"]:focus+label:after,
.form-input-button input[type="radio"]:hover+label:after,
.form-input-button input[type="color"]:focus+label:after,
.form-input-button input[type="color"]:hover+label:after,
.form-input-button input[type="file"]:focus+label:after,
.form-input-button input[type="file"]:hover+label:after {
.form-input-button-line input[type="checkbox"]:focus+label:after,
.form-input-button-line input[type="checkbox"]:hover+label:after,
.form-input-button-line input[type="radio"]:focus+label:after,
.form-input-button-line input[type="radio"]:hover+label:after,
.form-input-button-line input[type="color"]:focus+label:after,
.form-input-button-line input[type="color"]:hover+label:after,
.form-input-button-line input[type="file"]:focus+label:after,
.form-input-button-line input[type="file"]:hover+label:after {
background-color: rgb(var(--button-border-focus-hover));
}
.form-input-button input[type="checkbox"]:active+label:after,
.form-input-button input[type="radio"]:active+label:after,
.form-input-button input[type="color"]:active+label:after,
.form-input-button input[type="file"]:active+label:after {
.form-input-button-line input[type="checkbox"]:active+label:after,
.form-input-button-line input[type="radio"]:active+label:after,
.form-input-button-line input[type="color"]:active+label:after,
.form-input-button-line input[type="file"]:active+label:after {
background-color: rgb(var(--button-border-active));
transition: none;
}
.form-input-button input[type="checkbox"]:checked+label:after,
.form-input-button input[type="radio"]:checked+label:after,
.form-input-button input[type="color"]:checked+label:after,
.form-input-button input[type="file"]:checked+label:after {
.form-input-button-line input[type="checkbox"]:checked+label:after,
.form-input-button-line input[type="radio"]:checked+label:after,
.form-input-button-line input[type="color"]:checked+label:after,
.form-input-button-line input[type="file"]:checked+label:after {
background-color: rgb(var(--button-border-active));
transition: none;
}
.form-input-button input[type="checkbox"]:disabled+label:after,
.form-input-button input[type="checkbox"]:disabled:hover+label:after,
.form-input-button input[type="checkbox"]:disabled:focus+label:after,
.form-input-button input[type="checkbox"]:disabled:active+label:after,
.form-input-button input[type="radio"]:disabled+label:after,
.form-input-button input[type="radio"]:disabled:hover+label:after,
.form-input-button input[type="radio"]:disabled:focus+label:after,
.form-input-button input[type="radio"]:disabled:active+label:after,
.form-input-button input[type="color"]:disabled+label:after,
.form-input-button input[type="color"]:disabled:hover+label:after,
.form-input-button input[type="color"]:disabled:focus+label:after,
.form-input-button input[type="color"]:disabled:active+label:after,
.form-input-button input[type="file"]:disabled+label:after,
.form-input-button input[type="file"]:disabled:hover+label:after,
.form-input-button input[type="file"]:disabled:focus+label:after,
.form-input-button input[type="file"]:disabled:active+label:after {
.form-input-button-line input[type="checkbox"]:disabled+label:after,
.form-input-button-line input[type="checkbox"]:disabled:hover+label:after,
.form-input-button-line input[type="checkbox"]:disabled:focus+label:after,
.form-input-button-line input[type="checkbox"]:disabled:active+label:after,
.form-input-button-line input[type="radio"]:disabled+label:after,
.form-input-button-line input[type="radio"]:disabled:hover+label:after,
.form-input-button-line input[type="radio"]:disabled:focus+label:after,
.form-input-button-line input[type="radio"]:disabled:active+label:after,
.form-input-button-line input[type="color"]:disabled+label:after,
.form-input-button-line input[type="color"]:disabled:hover+label:after,
.form-input-button-line input[type="color"]:disabled:focus+label:after,
.form-input-button-line input[type="color"]:disabled:active+label:after,
.form-input-button-line input[type="file"]:disabled+label:after,
.form-input-button-line input[type="file"]:disabled:hover+label:after,
.form-input-button-line input[type="file"]:disabled:focus+label:after,
.form-input-button-line input[type="file"]:disabled:active+label:after {
background-color: rgb(var(--button-border-disabled));
}
@ -1149,13 +1149,6 @@ input[type="range"]:disabled::-moz-range-progress {
background-color: transparent;
}
.form-input-button-link input[type="checkbox"]+label:after,
.form-input-button-link input[type="radio"]+label:after,
.form-input-button-link input[type="color"]+label:after,
.form-input-button-link input[type="file"]+label:after {
content: none;
}
.input-color-dot input[type="color"] {
margin: 0;
position: absolute;
@ -1356,11 +1349,11 @@ input[type="range"]:disabled::-moz-range-progress {
.form-group .form-group-text,
.form-group .button,
.form-group .button:after,
.form-group .form-input-button input[type="checkbox"]+label:after,
.form-group .form-input-button input[type="radio"]+label:after,
.form-group .form-input-button input[type="color"]+label:after,
.form-group .form-input-button input[type="file"]+label:after,
.form-group .button-line:after,
.form-group .form-input-button-line input[type="checkbox"]+label:after,
.form-group .form-input-button-line input[type="radio"]+label:after,
.form-group .form-input-button-line input[type="color"]+label:after,
.form-group .form-input-button-line input[type="file"]+label:after,
.form-group>select,
.form-group>input[type="email"],
.form-group>input[type="number"],
@ -1414,11 +1407,11 @@ input[type="range"]:disabled::-moz-range-progress {
.form-group .form-group-text:first-child,
.form-group .button:first-child,
.form-group .button:first-child:after,
.form-group .form-input-button:first-child input[type="checkbox"]+label:after,
.form-group .form-input-button:first-child input[type="radio"]+label:after,
.form-group .form-input-button:first-child input[type="color"]+label:after,
.form-group .form-input-button:first-child input[type="file"]+label:after,
.form-group .button-line:first-child:after,
.form-group .form-input-button-line:first-child input[type="checkbox"]+label:after,
.form-group .form-input-button-line:first-child input[type="radio"]+label:after,
.form-group .form-input-button-line:first-child input[type="color"]+label:after,
.form-group .form-input-button-line:first-child input[type="file"]+label:after,
.form-group>select:first-child,
.form-group>input[type="email"]:first-child,
.form-group>input[type="number"]:first-child,
@ -1433,11 +1426,11 @@ input[type="range"]:disabled::-moz-range-progress {
.form-group .form-group-text:last-child,
.form-group .button:last-child,
.form-group .button:last-child:after,
.form-group .form-input-button:last-child input[type="checkbox"]+label:after,
.form-group .form-input-button:last-child input[type="radio"]+label:after,
.form-group .form-input-button:last-child input[type="color"]+label:after,
.form-group .form-input-button:last-child input[type="file"]+label:after,
.form-group .button-line:last-child:after,
.form-group .form-input-button-line:last-child input[type="checkbox"]+label:after,
.form-group .form-input-button-line:last-child input[type="radio"]+label:after,
.form-group .form-input-button-line:last-child input[type="color"]+label:after,
.form-group .form-input-button-line:last-child input[type="file"]+label:after,
.form-group>select:last-child,
.form-group>input[type="email"]:last-child,
.form-group>input[type="number"]:last-child,
@ -1452,7 +1445,7 @@ input[type="range"]:disabled::-moz-range-progress {
.form-group .form-group-text:only-child,
.form-group .button:only-child,
.form-group .button:only-child:after,
.form-group .button-line:only-child:after,
.form-group>select:only-child,
.form-group>input[type="email"]:only-child,
.form-group>input[type="number"]:only-child,
@ -1466,7 +1459,7 @@ input[type="range"]:disabled::-moz-range-progress {
}
.form-group.form-group-nested-button * .button,
.form-group.form-group-nested-button * .button:after,
.form-group.form-group-nested-button * .button-line:after,
.form-group.form-group-nested-button * input[type="checkbox"]+label,
.form-group.form-group-nested-button * input[type="radio"]+label,
.form-group.form-group-nested-button * input[type="color"]+label {
@ -1474,7 +1467,7 @@ input[type="range"]:disabled::-moz-range-progress {
}
.form-group.form-group-nested-button *:first-child .button,
.form-group.form-group-nested-button *:first-child .button:after,
.form-group.form-group-nested-button *:first-child .button-line:after,
.form-group.form-group-nested-button *:first-child input[type="checkbox"]+label,
.form-group.form-group-nested-button *:first-child input[type="radio"]+label,
.form-group.form-group-nested-button *:first-child input[type="color"]+label {
@ -1482,7 +1475,7 @@ input[type="range"]:disabled::-moz-range-progress {
}
.form-group.form-group-nested-button *:last-child .button,
.form-group.form-group-nested-button *:last-child .button:after,
.form-group.form-group-nested-button *:last-child .button-line:after,
.form-group.form-group-nested-button *:last-child input[type="checkbox"]+label,
.form-group.form-group-nested-button *:last-child input[type="radio"]+label,
.form-group.form-group-nested-button *:last-child input[type="color"]+label {
@ -1491,7 +1484,7 @@ input[type="range"]:disabled::-moz-range-progress {
.form-group .form-group-radius-left.form-group-text,
.form-group .form-group-radius-left.button,
.form-group .form-group-radius-left.button:after,
.form-group .form-group-radius-left.button-line:after,
.form-group>select.form-group-radius-left,
.form-group>input.form-group-radius-left[type="email"],
.form-group>input.form-group-radius-left[type="number"],
@ -1507,7 +1500,7 @@ input[type="range"]:disabled::-moz-range-progress {
.form-group .form-group-radius-right.form-group-text,
.form-group .form-group-radius-right.button,
.form-group .form-group-radius-right.button:after,
.form-group .form-group-radius-right.butbutton-lineton:after,
.form-group>select.form-group-radius-right,
.form-group>input.form-group-radius-right[type="email"],
.form-group>input.form-group-radius-right[type="number"],
@ -1540,7 +1533,7 @@ input[type="range"]:disabled::-moz-range-progress {
.form-group.form-group-border .form-group-text,
.form-group.form-group-border .button,
.form-group.form-group-border .button:after,
.form-group.form-group-border .button-line:after,
.form-group.form-group-border>select,
.form-group.form-group-border>input[type="email"],
.form-group.form-group-border>input[type="number"],
@ -1551,7 +1544,7 @@ input[type="range"]:disabled::-moz-range-progress {
.form-group.form-group-border>input[type="color"],
.form-group.form-group-border>input[type="range"],
.form-group.form-group-border.form-group-nested-button * .button,
.form-group.form-group-border.form-group-nested-button * .button:after,
.form-group.form-group-border.form-group-nested-button * .button-line:after,
.form-group.form-group-border.form-group-nested-button * input[type="checkbox"]+label,
.form-group.form-group-border.form-group-nested-button * input[type="radio"]+label,
.form-group.form-group-border.form-group-nested-button * input[type="color"]+label {
@ -1734,11 +1727,6 @@ input[type="range"]:disabled::-moz-range-progress {
box-shadow: none;
}
.form-dropdown-menu button:after,
.form-dropdown-menu .button:after {
content: none;
}
.form-group.form-group-nested-button .form-dropdown-menu *:first-child .button,
.form-group.form-group-nested-button .form-dropdown-menu *:last-child .button,
.form-group.form-group-nested-button .form-dropdown-menu *:first-child input[type="checkbox"]+label,

4
src/css/link.css
View File

@ -846,10 +846,6 @@
flex-grow: 1;
}
.link-control-item:after {
content: none;
}
.link-control-item.disabled,
.link-control-item:disabled {
background-color: transparent;

10
src/css/modal.css
View File

@ -70,16 +70,10 @@
flex-basis: 50%;
}
.modal-button:after {
background-color: transparent;
}
.modal-controls .modal-button:first-child,
.modal-controls .modal-button:first-child:after {
.modal-controls .modal-button:first-child {
border-radius: 0 0 0 var(--theme-radius);
}
.modal-controls .modal-button:last-child,
.modal-controls .modal-button:last-child:after {
.modal-controls .modal-button:last-child {
border-radius: 0 0 var(--theme-radius) 0
}

11
src/css/theme.css
View File

@ -20,10 +20,6 @@
transition: height var(--layout-timing-extra-fast), box-shadow var(--layout-timing-extra-fast), border-radius var(--layout-timing-extra-fast);
}
.theme-preset-button:after,
.theme-custom-button::after {
content: none;
}
.theme-custom-control {
border-radius: 0 0 var(--theme-radius) var(--theme-radius);
@ -45,10 +41,6 @@
flex: 1 1 auto;
}
.theme-custom-control-item:after {
border-radius: 0;
}
.is-theme-custom-edit .theme-custom-button {
border-radius: var(--theme-radius) var(--theme-radius) 0 0;
height: calc(100% - var(--theme-custom-edit-height));
@ -305,9 +297,6 @@
background-color: hsl(var(--theme-accent-preset-item-color-h), calc(var(--theme-accent-preset-item-color-s) * 1%), calc(var(--theme-accent-preset-item-color-l) * 1%));
}
.theme-accent-preset-item:after {
content: none;
}
@media (min-width: 700px) {
.theme-accent-preset-item {

2
src/html/menu/close.html
View File

@ -1,3 +1,3 @@
<div class="menu-close">
<button class="menu-close-tab control-menu-close button" tabindex="-1"><span class="icon-close"></span></button>
<button class="menu-close-tab control-menu-close button button-link" tabindex="-1"><span class="icon-close"></span></button>
</div>

20
src/html/menu/content/background/image.html
View File

@ -16,11 +16,11 @@
<div class="form-wrap">
<div class="form-indent">
<div class="form-inline">
<div class="form-input-button form-input-hide">
<div class="form-input-button form-input-button-line form-input-hide">
<input id="control-background-image-file" class="control-background-image-file" type="file">
<label for="control-background-image-file">Select image</label>
</div>
<button class="control-background-image-file-clear button">Clear image</button>
<button class="control-background-image-file-clear button button-line">Clear image</button>
</div>
<div class="form-helper">
<p class="control-background-image-file-helper form-helper-item">Max image size 5MB, (due to browser local storage limits).</p>
@ -63,7 +63,7 @@
<div class="form-group form-group-block">
<input id="control-background-image-opacity-range" class="control-background-image-opacity-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-background-image-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-background-image-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-background-image-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -72,7 +72,7 @@
<div class="form-group form-group-block">
<input id="control-background-image-grayscale-range" class="control-background-image-grayscale-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-background-image-grayscale-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-background-image-grayscale-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-background-image-grayscale-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -81,7 +81,7 @@
<div class="form-group form-group-block">
<input id="control-background-image-blur-range" class="control-background-image-blur-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-background-image-blur-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-background-image-blur-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-background-image-blur-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -90,7 +90,7 @@
<div class="form-group form-group-block">
<input id="control-background-image-accent-range" class="control-background-image-accent-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-background-image-accent-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-background-image-accent-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-background-image-accent-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -99,7 +99,7 @@
<div class="form-group form-group-block">
<input id="control-background-image-scale-range" class="control-background-image-scale-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-background-image-scale-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-background-image-scale-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-background-image-scale-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -108,7 +108,7 @@
<div class="form-group form-group-block">
<input id="control-background-image-vignette-opacity-range" class="control-background-image-vignette-opacity-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-background-image-vignette-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-background-image-vignette-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-background-image-vignette-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-wrap">
@ -118,7 +118,7 @@
<div class="form-group form-group-block">
<input id="control-background-image-vignette-start-range" class="control-background-image-vignette-start-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-background-image-vignette-start-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-background-image-vignette-start-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-background-image-vignette-start-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-wrap">
@ -126,7 +126,7 @@
<div class="form-group form-group-block">
<input id="control-background-image-vignette-end-range" class="control-background-image-vignette-end-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-background-image-vignette-end-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-background-image-vignette-end-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-background-image-vignette-end-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>

4
src/html/menu/content/bookmarks/accent.html
View File

@ -4,11 +4,11 @@
</div>
<div class="menu-item-form">
<div class="form-wrap">
<button class="control-link-accent-clear button" tabindex="-1">Remove all override colours</button>
<button class="control-link-accent-clear button button-line" tabindex="-1">Remove all override colours</button>
</div>
<hr>
<div class="form-wrap">
<button class="control-link-accent-set button" tabindex="-1">Add override colours</button>
<button class="control-link-accent-set button button-line" tabindex="-1">Add override colours</button>
</div>
<div class="form-helper">
<p class="control-link-accent-set-helper form-helper-item">Adds a unique override colour to each Bookmark.</p>

4
src/html/menu/content/bookmarks/area.html
View File

@ -8,11 +8,11 @@
<div class="form-group form-group-block">
<input id="control-link-area-width-range" class="control-link-area-width-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-link-area-width-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-link-area-width-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-link-area-width-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-wrap">
<button class="control-link-area-width-match button" tabindex="-1">Match Header Area</button>
<button class="control-link-area-width-match button button-line" tabindex="-1">Match Header Area</button>
</div>
<div class="form-helper">
<p class="control-link-area-width-helper form-helper-item">Max width is defined by Layout Area Width.</p>

2
src/html/menu/content/bookmarks/bookmarks.html
View File

@ -14,7 +14,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-size-range" class="control-link-item-size-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-link-item-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-link-item-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-link-item-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>

2
src/html/menu/content/bookmarks/border.html
View File

@ -8,7 +8,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-border-range" class="control-link-item-border-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-link-item-border-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-link-item-border-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-link-item-border-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>

2
src/html/menu/content/bookmarks/color.html
View File

@ -36,7 +36,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-opacity-range" class="control-link-item-opacity-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-link-item-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-link-item-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-link-item-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>

8
src/html/menu/content/bookmarks/content.html
View File

@ -52,7 +52,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-display-rotate-range" class="control-link-item-display-rotate-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-link-item-display-rotate-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-link-item-display-rotate-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-link-item-display-rotate-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -61,7 +61,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-display-translate-x-range" class="control-link-item-display-translate-x-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-link-item-display-translate-x-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-link-item-display-translate-x-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-link-item-display-translate-x-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -70,7 +70,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-display-translate-y-range" class="control-link-item-display-translate-y-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-link-item-display-translate-y-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-link-item-display-translate-y-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-link-item-display-translate-y-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -79,7 +79,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-display-gutter-range" class="control-link-item-display-gutter-range mr-3" type="range" value="0" tabindex="1">
<input class="control-link-item-display-gutter-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-link-item-display-gutter-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-link-item-display-gutter-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>

4
src/html/menu/content/bookmarks/letcon.html
View File

@ -14,7 +14,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-display-letcon-letter-size-range" class="control-link-item-display-letcon-letter-size-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-link-item-display-letcon-letter-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-link-item-display-letcon-letter-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-link-item-display-letcon-letter-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -23,7 +23,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-display-letcon-icon-size-range" class="control-link-item-display-letcon-icon-size-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-link-item-display-letcon-icon-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-link-item-display-letcon-icon-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-link-item-display-letcon-icon-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>

2
src/html/menu/content/bookmarks/name.html
View File

@ -14,7 +14,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-display-name-size-range" class="control-link-item-display-name-size-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-link-item-display-name-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-link-item-display-name-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-link-item-display-name-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>

6
src/html/menu/content/bookmarks/sort.html
View File

@ -5,9 +5,9 @@
<div class="menu-item-form">
<div class="form-wrap">
<div class="form-inline">
<button class="control-link-sort-letter button" tabindex="-1">By letter</button>
<button class="control-link-sort-icon button" tabindex="-1">By icon</button>
<button class="control-link-sort-name button" tabindex="-1">By name</button>
<button class="control-link-sort-letter button button-line" tabindex="-1">By letter</button>
<button class="control-link-sort-icon button button-line" tabindex="-1">By icon</button>
<button class="control-link-sort-name button button-line" tabindex="-1">By name</button>
</div>
</div>
</div>

2
src/html/menu/content/coffee/coffee.html
View File

@ -8,7 +8,7 @@
</div>
<hr>
<div class="form-wrap">
<a href="https://www.buymeacoffee.com/zombieFox" class="button button-large px-4 py-3">
<a href="https://www.buymeacoffee.com/zombieFox" class="button button-line button-large px-4 py-3">
<img src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" class="mr-2">
<span class="button-text">Buy me a coffee</span>
</a>

2
src/html/menu/content/data/backup.html
View File

@ -4,7 +4,7 @@
</div>
<div class="menu-item-form">
<div class="form-wrap">
<button class="control-data-export button" tabindex="-1">Export data</button>
<button class="control-data-export button button-line" tabindex="-1">Export data</button>
</div>
<div class="form-helper">
<p class="control-data-export-helper form-helper-item">Download a backup of your nightTab Bookmarks and Settings.</p>

2
src/html/menu/content/data/clear.html
View File

@ -4,7 +4,7 @@
</div>
<div class="menu-item-form">
<div class="form-wrap">
<button class="control-data-clear button" tabindex="-1">Clear data</button>
<button class="control-data-clear button button-line" tabindex="-1">Clear data</button>
</div>
<div class="form-helper">
<p class="control-data-clear-helper form-helper-item">Wipe all data and restore nightTab to default state.</p>

2
src/html/menu/content/data/restore.html
View File

@ -4,7 +4,7 @@
</div>
<div class="menu-item-form">
<div class="form-wrap">
<div class="form-input-button form-input-hide">
<div class="form-input-button form-input-button-line form-input-hide">
<input id="control-data-import" class="control-data-import" type="file" tabindex="-1">
<label for="control-data-import">Import data</label>
</div>

2
src/html/menu/content/groups/border.html
View File

@ -8,7 +8,7 @@
<div class="form-group form-group-block">
<input id="control-group-border-range" class="control-group-border-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-group-border-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-group-border-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-group-border-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-helper">

6
src/html/menu/content/groups/names.html
View File

@ -5,8 +5,8 @@
<div class="menu-item-form">
<div class="form-wrap">
<div class="form-inline">
<button class="control-group-name-show button" tabindex="-1">Show all</button>
<button class="control-group-name-hide button" tabindex="-1">Hide all</button>
<button class="control-group-name-show button button-line" tabindex="-1">Show all</button>
<button class="control-group-name-hide button button-line" tabindex="-1">Hide all</button>
</div>
</div>
<div class="form-helper">
@ -18,7 +18,7 @@
<div class="form-group form-group-block">
<input id="control-group-name-size-range" class="control-group-name-size-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-group-name-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-group-name-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-group-name-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>

8
src/html/menu/content/groups/openall.html
View File

@ -5,8 +5,8 @@
<div class="menu-item-form">
<div class="form-wrap">
<div class="form-inline">
<button class="control-group-openall-show button" tabindex="-1">Show all</button>
<button class="control-group-openall-hide button" tabindex="-1">Hide all</button>
<button class="control-group-openall-show button button-line" tabindex="-1">Show all</button>
<button class="control-group-openall-hide button button-line" tabindex="-1">Hide all</button>
</div>
</div>
<div class="form-helper">
@ -18,7 +18,7 @@
<div class="form-group form-group-block">
<input id="control-group-openall-size-range" class="control-group-openall-size-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-group-openall-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-group-openall-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-group-openall-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -27,7 +27,7 @@
<div class="form-group form-group-block">
<input id="control-group-openall-opacity-range" class="control-group-openall-opacity-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-group-openall-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-group-openall-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-group-openall-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>

4
src/html/menu/content/header/area.html
View File

@ -8,11 +8,11 @@
<div class="form-group form-group-block">
<input id="control-header-area-width-range" class="control-header-area-width-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-area-width-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-header-area-width-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-area-width-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<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 button-line" tabindex="-1">Match Bookmarks Area</button>
</div>
<div class="form-helper">
<p class="control-header-area-width-helper form-helper-item">Max width is defined by Layout Area Width.</p>

4
src/html/menu/content/header/border.html
View File

@ -8,7 +8,7 @@
<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">
<button class="control-header-border-top-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-border-top-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -17,7 +17,7 @@
<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">
<button class="control-header-border-bottom-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-border-bottom-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>

4
src/html/menu/content/header/clock.html
View File

@ -63,7 +63,7 @@
<div class="form-wrap">
<div class="form-group form-group-block">
<input id="control-header-clock-separator-text" class="control-header-clock-separator-text" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder=":" tabindex="-1">
<button class="control-header-clock-separator-text-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-clock-separator-text-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -83,7 +83,7 @@
<div class="form-group form-group-block">
<input id="control-header-clock-size-range" class="control-header-clock-size-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-clock-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-header-clock-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-clock-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>

2
src/html/menu/content/header/color.html
View File

@ -57,7 +57,7 @@
<div class="form-group form-group-block">
<input id="control-header-color-opacity-range" class="control-header-color-opacity-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-color-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-header-color-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-color-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>

4
src/html/menu/content/header/coloraccent.html
View File

@ -22,7 +22,7 @@
<div class="form-group form-group-block">
<input id="control-header-coloraccent-size-range" class="control-header-coloraccent-size-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-coloraccent-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-header-coloraccent-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-coloraccent-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -31,7 +31,7 @@
<div class="form-group form-group-block">
<input id="control-header-coloraccent-opacity-range" class="control-header-coloraccent-opacity-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-coloraccent-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-header-coloraccent-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-coloraccent-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>

4
src/html/menu/content/header/date.html
View File

@ -146,7 +146,7 @@
<div class="form-wrap">
<div class="form-group form-group-block">
<input id="control-header-date-separator-text" class="control-header-date-separator-text" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="/" tabindex="-1">
<button class="control-header-date-separator-text-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-date-separator-text-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -169,7 +169,7 @@
<div class="form-group form-group-block">
<input id="control-header-date-size-range" class="control-header-date-size-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-date-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-header-date-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-date-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>

4
src/html/menu/content/header/editadd.html
View File

@ -14,7 +14,7 @@
<div class="form-group form-group-block">
<input id="control-header-editadd-size-range" class="control-header-editadd-size-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-editadd-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-header-editadd-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-editadd-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -23,7 +23,7 @@
<div class="form-group form-group-block">
<input id="control-header-editadd-opacity-range" class="control-header-editadd-opacity-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-editadd-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-header-editadd-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-editadd-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>

2
src/html/menu/content/header/greeting.html
View File

@ -35,7 +35,7 @@
<div class="form-group form-group-block">
<input id="control-header-greeting-size-range" class="control-header-greeting-size-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-greeting-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-header-greeting-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-greeting-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>

4
src/html/menu/content/header/menu.html
View File

@ -8,7 +8,7 @@
<div class="form-group form-group-block">
<input id="control-header-menu-size-range" class="control-header-menu-size-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-menu-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-header-menu-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-menu-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -17,7 +17,7 @@
<div class="form-group form-group-block">
<input id="control-header-menu-opacity-range" class="control-header-menu-opacity-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-menu-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-header-menu-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-menu-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>

6
src/html/menu/content/header/search.html
View File

@ -32,7 +32,7 @@
<div class="form-group form-group-block">
<input id="control-header-search-width-size-range" class="control-header-search-width-size-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-search-width-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-header-search-width-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-search-width-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -43,7 +43,7 @@
<div class="form-group form-group-block">
<input id="control-header-search-opacity-range" class="control-header-search-opacity-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-search-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-header-search-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-search-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -124,7 +124,7 @@
<div class="form-group form-group-block">
<input id="control-header-search-size-range" class="control-header-search-size-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-search-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-header-search-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-search-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-helper">

2
src/html/menu/content/header/transitional.html
View File

@ -29,7 +29,7 @@
<div class="form-group form-group-block">
<input id="control-header-transitional-size-range" class="control-header-transitional-size-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-header-transitional-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-header-transitional-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-header-transitional-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>

2
src/html/menu/content/layout/area.html
View File

@ -8,7 +8,7 @@
<div class="form-group form-group-block">
<input id="control-layout-width-range" class="control-layout-width-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-layout-width-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-layout-width-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-layout-width-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>

2
src/html/menu/content/layout/gutter.html
View File

@ -8,7 +8,7 @@
<div class="form-group form-group-block">
<input id="control-layout-gutter-range" class="control-layout-gutter-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-layout-gutter-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-layout-gutter-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-layout-gutter-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>

2
src/html/menu/content/layout/padding.html
View File

@ -8,7 +8,7 @@
<div class="form-group form-group-block">
<input id="control-layout-padding-range" class="control-layout-padding-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-layout-padding-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-layout-padding-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-layout-padding-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>

2
src/html/menu/content/layout/scaling.html
View File

@ -8,7 +8,7 @@
<div class="form-group form-group-block">
<input id="control-layout-size-range" class="control-layout-size-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-layout-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-layout-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-layout-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-helper">

8
src/html/menu/content/theme/accent.html
View File

@ -10,7 +10,7 @@
<div class="form-group form-group-block">
<input id="control-theme-accent-rgb-color" class="form-group-item-half control-theme-accent-rgb-color" type="color" value="#000000" tabindex="1" autocomplete="off">
<input id="control-theme-accent-rgb-text" class="form-group-item-half control-theme-accent-rgb-text" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
<button class="control-theme-accent-rgb-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-theme-accent-rgb-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-helper">
@ -92,7 +92,7 @@
<label for="control-theme-accent-random-style-saturated"><span class="label-icon"></span> Saturated colours</label>
</div>
<div class="form-wrap">
<button class="control-theme-accent-randomise button" tabindex="-1">Randomise now</button>
<button class="control-theme-accent-randomise button button-line" tabindex="-1">Randomise now</button>
</div>
</div>
</div>
@ -108,7 +108,7 @@
<div class="form-group form-group-block">
<input id="control-theme-accent-cycle-speed-range" class="control-theme-accent-cycle-speed-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-theme-accent-cycle-speed-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-theme-accent-cycle-speed-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-theme-accent-cycle-speed-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-wrap">
@ -116,7 +116,7 @@
<div class="form-group form-group-block">
<input id="control-theme-accent-cycle-step-range" class="control-theme-accent-cycle-step-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-theme-accent-cycle-step-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-theme-accent-cycle-step-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-theme-accent-cycle-step-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-helper">

6
src/html/menu/content/theme/color.html
View File

@ -90,7 +90,7 @@
<div class="form-group form-group-block">
<input id="control-theme-color-rgb-color" class="form-group-item-half control-theme-color-rgb-color" type="color" value="#000000" tabindex="1" autocomplete="off">
<input id="control-theme-color-rgb-text" class="form-group-item-half control-theme-color-rgb-text" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
<button class="control-theme-color-rgb-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-theme-color-rgb-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-helper">
@ -148,7 +148,7 @@
<div class="form-group form-group-block">
<input id="control-theme-color-contrast-light-range" class="control-theme-color-contrast-light-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-theme-color-contrast-light-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-theme-color-contrast-light-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-theme-color-contrast-light-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-wrap">
@ -156,7 +156,7 @@
<div class="form-group form-group-block">
<input id="control-theme-color-contrast-dark-range" class="control-theme-color-contrast-dark-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-theme-color-contrast-dark-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-theme-color-contrast-dark-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-theme-color-contrast-dark-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>

24
src/html/menu/content/theme/fonts.html
View File

@ -7,7 +7,7 @@
<label for="control-theme-font-display-name">Display</label>
<div class="form-group form-group-block">
<input id="control-theme-font-display-name" class="control-theme-font-display-name" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Google font name" tabindex="-1">
<button class="control-theme-font-display-name-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-theme-font-display-name-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-helper">
@ -27,14 +27,14 @@
<div class="form-group form-group-block">
<input id="control-theme-font-display-weight-range" class="control-theme-font-display-weight-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-theme-font-display-weight-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-theme-font-display-weight-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-theme-font-display-weight-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-wrap">
<div class="form-group">
<button class="control-theme-font-display-light button" tabindex="-1">Light</button>
<button class="control-theme-font-display-regular button" tabindex="-1">Regular</button>
<button class="control-theme-font-display-bold button" tabindex="-1">Bold</button>
<button class="control-theme-font-display-light button button-line" tabindex="-1">Light</button>
<button class="control-theme-font-display-regular button button-line" tabindex="-1">Regular</button>
<button class="control-theme-font-display-bold button button-line" tabindex="-1">Bold</button>
</div>
</div>
<div class="form-helper">
@ -56,7 +56,7 @@
</div>
</div>
<div class="form-wrap ml-auto">
<button class="control-theme-font-display-style-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-theme-font-display-style-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -67,7 +67,7 @@
<label for="control-theme-font-ui-name">UI</label>
<div class="form-group form-group-block">
<input id="control-theme-font-ui-name" class="control-theme-font-ui-name" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Google font name" tabindex="-1">
<button class="control-theme-font-ui-name-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-theme-font-ui-name-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -88,14 +88,14 @@
<div class="form-group form-group-block">
<input id="control-theme-font-ui-weight-range" class="control-theme-font-ui-weight-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-theme-font-ui-weight-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-theme-font-ui-weight-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-theme-font-ui-weight-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-wrap">
<div class="form-group">
<button class="control-theme-font-ui-light button" tabindex="-1">Light</button>
<button class="control-theme-font-ui-regular button" tabindex="-1">Regular</button>
<button class="control-theme-font-ui-bold button" tabindex="-1">Bold</button>
<button class="control-theme-font-ui-light button button-line" tabindex="-1">Light</button>
<button class="control-theme-font-ui-regular button button-line" tabindex="-1">Regular</button>
<button class="control-theme-font-ui-bold button button-line" tabindex="-1">Bold</button>
</div>
</div>
<div class="form-helper">
@ -117,7 +117,7 @@
</div>
</div>
<div class="form-wrap ml-auto">
<button class="control-theme-font-ui-style-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-theme-font-ui-style-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>

2
src/html/menu/content/theme/radius.html
View File

@ -8,7 +8,7 @@
<div class="form-group form-group-block">
<input id="control-theme-radius-range" class="control-theme-radius-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-theme-radius-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-theme-radius-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-theme-radius-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>

4
src/html/menu/content/theme/saved.html
View File

@ -6,8 +6,8 @@
<div class="form-wrap form-wrap-hide-space theme-custom"></div>
<div class="form-wrap">
<div class="form-inline">
<button class="control-theme-custom-add button" tabindex="-1">Save current theme</button>
<div class="form-input-button form-input-hide">
<button class="control-theme-custom-add button button-line" tabindex="-1">Save current theme</button>
<div class="form-input-button form-input-button-line form-input-hide">
<input id="control-theme-custom-edit" class="control-theme-custom-edit" type="checkbox" tabindex="1">
<label for="control-theme-custom-edit"><span class="label-icon"></span> Edit</label>
</div>

2
src/html/menu/content/theme/shade.html
View File

@ -8,7 +8,7 @@
<div class="form-group form-group-block">
<input id="control-theme-shade-opacity-range" class="control-theme-shade-opacity-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-theme-shade-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-theme-shade-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-theme-shade-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-helper">

2
src/html/menu/content/theme/shadow.html
View File

@ -8,7 +8,7 @@
<div class="form-group form-group-block">
<input id="control-theme-shadow-range" class="control-theme-shadow-range mr-3" type="range" value="0" tabindex="-1">
<input class="control-theme-shadow-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1">
<button class="control-theme-shadow-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
<button class="control-theme-shadow-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>

18
src/html/menu/nav.html
View File

@ -1,6 +1,6 @@
<div class="menu-nav">
<div class="menu-nav-item">
<button class="control-menu-layout menu-nav-tab button" tabindex="-1">Layout</button>
<button class="control-menu-layout menu-nav-tab button button-line" tabindex="-1">Layout</button>
<div class="menu-subnav menu-subnav-layout">
<a href="#menu-content-layout-scaling" class="menu-nav-sub button button-small" tabindex="-1">Scaling</a>
<a href="#menu-content-layout-area" class="menu-nav-sub button button-small" tabindex="-1">Area</a>
@ -11,7 +11,7 @@
</div>
</div>
<div class="menu-nav-item">
<button class="control-menu-header menu-nav-tab button" tabindex="-1">Header</button>
<button class="control-menu-header menu-nav-tab button button-line" tabindex="-1">Header</button>
<div class="menu-subnav menu-subnav-header">
<a href="#menu-content-header-area" class="menu-nav-sub button button-small" tabindex="-1">Area</a>
<a href="#menu-content-header-alignment" class="menu-nav-sub button button-small" tabindex="-1">Alignment</a>
@ -30,7 +30,7 @@
</div>
</div>
<div class="menu-nav-item">
<button class="control-menu-bookmarks menu-nav-tab button" tabindex="-1">Bookmarks</button>
<button class="control-menu-bookmarks menu-nav-tab button button-line" tabindex="-1">Bookmarks</button>
<div class="menu-subnav menu-subnav-bookmarks">
<a href="#menu-content-bookmarks-area" class="menu-nav-sub button button-small" tabindex="-1">Area</a>
<a href="#menu-content-bookmarks-alignment" class="menu-nav-sub button button-small" tabindex="-1">Alignment</a>
@ -47,7 +47,7 @@
</div>
</div>
<div class="menu-nav-item">
<button class="control-menu-groups menu-nav-tab button" tabindex="-1">Groups</button>
<button class="control-menu-groups menu-nav-tab button button-line" tabindex="-1">Groups</button>
<div class="menu-subnav menu-subnav-groups">
<a href="#menu-content-groups-area" class="menu-nav-sub button button-small" tabindex="-1">Area</a>
<a href="#menu-content-groups-order" class="menu-nav-sub button button-small" tabindex="-1">Order</a>
@ -57,7 +57,7 @@
</div>
</div>
<div class="menu-nav-item">
<button class="control-menu-theme menu-nav-tab button" tabindex="-1">Theme</button>
<button class="control-menu-theme menu-nav-tab button button-line" tabindex="-1">Theme</button>
<div class="menu-subnav menu-subnav-theme">
<a href="#menu-content-theme-preset" class="menu-nav-sub button button-small" tabindex="-1">Preset</a>
<a href="#menu-content-theme-saved" class="menu-nav-sub button button-small" tabindex="-1">Saved</a>
@ -71,14 +71,14 @@
</div>
</div>
<div class="menu-nav-item">
<button class="control-menu-background menu-nav-tab button" tabindex="-1">Background</button>
<button class="control-menu-background menu-nav-tab button button-line" tabindex="-1">Background</button>
<div class="menu-subnav menu-subnav-background">
<a href="#menu-content-background-color" class="menu-nav-sub button button-small" tabindex="-1">Colour</a>
<a href="#menu-content-background-image" class="menu-nav-sub button button-small" tabindex="-1">Image</a>
</div>
</div>
<div class="menu-nav-item">
<button class="control-menu-data menu-nav-tab button" tabindex="-1">Data</button>
<button class="control-menu-data menu-nav-tab button button-line" tabindex="-1">Data</button>
<div class="menu-subnav menu-subnav-data">
<a href="#menu-content-data-restore" class="menu-nav-sub button button-small" tabindex="-1">Restore</a>
<a href="#menu-content-data-backup" class="menu-nav-sub button button-small" tabindex="-1">Backup</a>
@ -86,9 +86,9 @@
</div>
</div>
<div class="menu-nav-item">
<button class="control-menu-coffee menu-nav-tab button" tabindex="-1">Coffee</button>
<button class="control-menu-coffee menu-nav-tab button button-line" tabindex="-1">Coffee</button>
</div>
<div class="menu-nav-item">
<button class="control-menu-nighttab menu-nav-tab button" tabindex="-1">nightTab</button>
<button class="control-menu-nighttab menu-nav-tab button button-line" tabindex="-1">nightTab</button>
</div>
</div>

4
src/js/auto-suggest.js
View File

@ -153,7 +153,7 @@ var autoSuggest = (function() {
document.removeEventListener("keydown", bind.navigateResults, false);
},
clickOut: function(event) {
if (!(event.target.classList.contains("auto-suggest-list")) && !(event.target.classList.contains("auto-suggest-input"))) {
if (!(event.target.classList.contains("auto-suggest")) &&!(event.target.classList.contains("auto-suggest-list")) && !(event.target.classList.contains("auto-suggest-input"))) {
render.close();
};
}
@ -176,7 +176,7 @@ var autoSuggest = (function() {
fontawesomeIcon: function() {
suggestItems.forEach(function(arrayItem) {
var li = helper.node("li|class:auto-suggest-list-item");
var button = helper.node("button|tabindex:1,class:auto-suggest-item");
var button = helper.node("button|tabindex:1,class:button button-link button-ring auto-suggest-item");
var icon = helper.node("span|class:auto-suggest-icon fa-" + arrayItem.name);
if (arrayItem.styles.includes("solid")) {
helper.addClass(icon, "fas");

16
src/js/header.js
View File

@ -167,15 +167,15 @@ var header = (function() {
var forminline = helper.node("div|class:form-inline");
var formGroup = helper.node("div|class:form-group header-order-control");
var buttonUp = helper.node("button|class:button form-group-item-shrink header-order-control-item header-order-control-item-up,tabindex:-1,title:Move this header item up");
var buttonUp = helper.node("button|class:button button-line form-group-item-shrink header-order-control-item header-order-control-item-up,tabindex:-1,title:Move this header item up");
var buttonUpIcon = helper.node("span|class:button-icon icon-arrow-up");
buttonUp.appendChild(buttonUpIcon);
var linkHandle = helper.node("div|class:button form-group-item-shrink header-order-control-item header-order-control-item-handle,tabindex:-1,title:Drag header item to reorder");
var linkHandle = helper.node("div|class:button button-line form-group-item-shrink header-order-control-item header-order-control-item-handle,tabindex:-1,title:Drag header item to reorder");
var linkHandleIcon = helper.node("span|class:button-icon icon-reorder");
linkHandle.appendChild(linkHandleIcon);
var buttonDown = helper.node("button|class:button form-group-item-shrink header-order-control-item header-order-control-item-down,tabindex:-1,title:Move this header item down");
var buttonDown = helper.node("button|class:button button-line form-group-item-shrink header-order-control-item header-order-control-item-down,tabindex:-1,title:Move this header item down");
var buttonDownIcon = helper.node("span|class:button-icon icon-arrow-down");
buttonDown.appendChild(buttonDownIcon);
@ -367,7 +367,7 @@ var header = (function() {
},
editAdd: function() {
var formGroup = helper.node("div|class:header-editadd form-group form-group-nested-button");
var formInputButton = helper.node("div|class:form-input-button form-input-hide");
var formInputButton = helper.node("div|class:form-input-button form-input-button-line form-input-hide");
var controlEditInput = helper.node("input|id:control-edit,class:header-edit control-edit,type:checkbox,tabindex:1");
var controlEditLabel = helper.node("label|for:control-edit");
var controlEditLabelText = helper.node("span:Edit");
@ -378,7 +378,7 @@ var header = (function() {
formInputButton.appendChild(controlEditLabel);
var formDropdown = helper.node("div|class:form-dropdown");
var controlAddToggle = helper.node("button|class:header-add control-add-toggle form-dropdown-toggle button,tabindex:1");
var controlAddToggle = helper.node("button|class:header-add control-add-toggle form-dropdown-toggle button button-line,tabindex:1");
var controlAddToggleText = helper.node("span:Add");
controlAddToggle.appendChild(controlAddToggleText);
var formDropdownMenu = helper.node("ul|class:list-unstyled form-dropdown-menu");
@ -410,7 +410,7 @@ var header = (function() {
colorAccent: function() {
var formGroup = helper.node("div|class:header-coloraccent form-group form-group-nested-button");
var colorInputButton = helper.node("div|class:form-input-button");
var colorInputButton = helper.node("div|class:form-input-button form-input-button-line");
var colorInput = helper.node("input|id:control-theme-color-rgb-color-quick,class:control-theme-color-rgb-color-quick header-color,type:color,value:#000000,tabindex:1,autocomplete:off");
var colorInputLabel = helper.node("label|for:control-theme-color-rgb-color-quick");
var colorInputLabelText = helper.node("span:Colour");
@ -418,7 +418,7 @@ var header = (function() {
colorInputButton.appendChild(colorInput);
colorInputButton.appendChild(colorInputLabel);
var accentInputButton = helper.node("div|class:form-input-button");
var accentInputButton = helper.node("div|class:form-input-button form-input-button-line");
var accentInput = helper.node("input|id:control-theme-accent-rgb-color-quick,class:control-theme-accent-rgb-color-quick header-accent,type:color,value:#000000,tabindex:1,autocomplete:off");
var accentInputLabel = helper.node("label|for:control-theme-accent-rgb-color-quick");
var accentInputLabelText = helper.node("span:Accent");
@ -446,7 +446,7 @@ var header = (function() {
return formGroup;
},
menu: function() {
var button = helper.node("button|class:control-menu-open header-menu button,tabindex:1");
var button = helper.node("button|class:control-menu-open header-menu button button-line,tabindex:1");
var baselineAlignmentCharacter = helper.node("span:-|class:baseline-alignment-icon-character,aria-hidden:true");
var buttonIcon = helper.node("span|class:icon-settings");
if (state.get.current().header.menu.style == "clear") {

21
src/js/link.js
View File

@ -434,12 +434,13 @@ var link = (function() {
groupHeaderItemName.appendChild(groupName);
var groupOpenall = helper.node("div|class:group-openall form-group");
var groupOpenallItem = helper.node("button|class:button group-openall-item,tabindex:1,title:Open all Bookmarks in this Group");
var groupOpenallItem = helper.node("button|class:button button-line group-openall-item,tabindex:1,title:Open all Bookmarks in this Group");
var groupOpenallItemText = helper.node("span:Open all|class:button-text");
groupOpenallItem.appendChild(groupOpenallItemText);
groupOpenall.appendChild(groupOpenallItem);
if (state.get.current().group.openAll.style == "clear") {
helper.removeClass(groupOpenallItem, "button-line");
helper.addClass(groupOpenallItem, "button-link");
};
@ -447,35 +448,35 @@ var link = (function() {
var groupControl = helper.node("div|class:group-control form-group");
var groupControlItemUp = helper.node("button|class:button group-control-item group-control-item-up,tabindex:-1,title:Move this group up");
var groupControlItemUp = helper.node("button|class:button button-line group-control-item group-control-item-up,tabindex:-1,title:Move this group up");
var groupControlItemUpIcon = helper.node("span|class:icon-arrow-up");
var groupControlItemUpBaselineAlignmentCharacter = helper.node("span:-|class:baseline-alignment-icon-character,aria-hidden:true");
groupControlItemUp.appendChild(groupControlItemUpBaselineAlignmentCharacter);
groupControlItemUp.appendChild(groupControlItemUpIcon);
groupControl.appendChild(groupControlItemUp);
var groupControlItemHandle = helper.node("div|class:button group-control-item group-control-item-handle,tabindex:-1,title:Drag group to reorder");
var groupControlItemHandle = helper.node("div|class:button button-line group-control-item group-control-item-handle,tabindex:-1,title:Drag group to reorder");
var groupControlItemHandleIcon = helper.node("span|class:icon-reorder");
var groupControlItemHandleBaselineAlignmentCharacter = helper.node("span:-|class:baseline-alignment-icon-character,aria-hidden:true");
groupControlItemHandle.appendChild(groupControlItemHandleBaselineAlignmentCharacter);
groupControlItemHandle.appendChild(groupControlItemHandleIcon);
groupControl.appendChild(groupControlItemHandle);
var groupControlItemDown = helper.node("button|class:button group-control-item group-control-item-down,tabindex:-1,title:Move this group down");
var groupControlItemDown = helper.node("button|class:button button-line group-control-item group-control-item-down,tabindex:-1,title:Move this group down");
var groupControlItemDownIcon = helper.node("span|class:icon-arrow-down");
var groupControlItemDownBaselineAlignmentCharacter = helper.node("span:-|class:baseline-alignment-icon-character,aria-hidden:true");
groupControlItemDown.appendChild(groupControlItemDownBaselineAlignmentCharacter);
groupControlItemDown.appendChild(groupControlItemDownIcon);
groupControl.appendChild(groupControlItemDown);
var groupControlItemEdit = helper.node("button|class:button group-control-item group-control-item-edit,tabindex:-1,title:Edit this group");
var groupControlItemEdit = helper.node("button|class:button button-line group-control-item group-control-item-edit,tabindex:-1,title:Edit this group");
var groupControlItemEditIcon = helper.node("span|class:icon-edit");
var groupControlItemEditBaselineAlignmentCharacter = helper.node("span:-|class:baseline-alignment-icon-character,aria-hidden:true");
groupControlItemEdit.appendChild(groupControlItemEditBaselineAlignmentCharacter);
groupControlItemEdit.appendChild(groupControlItemEditIcon);
groupControl.appendChild(groupControlItemEdit);
var groupControlItemRemove = helper.node("button|class:button group-control-item group-control-item-remove,tabindex:-1,title:Remove this group");
var groupControlItemRemove = helper.node("button|class:button button-line group-control-item group-control-item-remove,tabindex:-1,title:Remove this group");
var groupControlItemRemoveIcon = helper.node("span|class:icon-close");
var groupControlItemRemoveBaselineAlignmentCharacter = helper.node("span:-|class:baseline-alignment-icon-character,aria-hidden:true");
groupControlItemRemove.appendChild(groupControlItemRemoveBaselineAlignmentCharacter);
@ -546,7 +547,7 @@ var link = (function() {
var groupFormInputNameWrap = helper.node("div|class:form-wrap");
var groupFormInputName = helper.node("input|type:text,class:group-form-input-name,id:group-form-input-name,placeholder:Example group,tabindex:1,autocomplete:off,autocorrect:off,autocapitalize:off,spellcheck:false");
var groupFormRandomNameButtonWrap = helper.node("div|class:form-wrap");
var groupFormRandomNameButton = helper.node("button:Random Group name|class:button,type:button,tabindex:1");
var groupFormRandomNameButton = helper.node("button:Random Group name|class:button button-line,type:button,tabindex:1");
// open all
var groupFormOpenAllInputWrap = helper.node("div|class:form-wrap");
@ -916,7 +917,7 @@ var link = (function() {
var displayIconFormGroup = helper.node("div|class:form-group form-group-block auto-suggest-input");
var displayIconInput = helper.node("input|type:text,class:form-group-item-grow link-form-input-icon auto-suggest-input,id:link-form-input-icon,placeholder:Search for Brands or Icons,tabindex:1,autocomplete:off,autocorrect:off,autocapitalize:off,spellcheck:false,disabled");
var displayIconFormGroupText = helper.node("div|class:form-group-text link-form-text-icon disabled,tabindex:-1");
var displayIconFormGroupClear = helper.node("button|class:link-form-icon-clear button,type:button,tabindex:1,disabled");
var displayIconFormGroupClear = helper.node("button|class:link-form-icon-clear button button-line,type:button,tabindex:1,disabled");
var displayIconFormGroupClearIcon = helper.node("span|class:icon-close");
var displayIconHelper = helper.node("div|class:form-helper");
var displayIconHelperItem = helper.node("p:Refer to the \"Free\" and \"Brand\" icons from FontAwesome for full set of icons supported.|class:link-form-input-icon-helper form-helper-item disabled");
@ -1413,7 +1414,7 @@ var link = (function() {
var groupBody = helper.node("div|class:group-body");
var linkEmpty = helper.node("div|class:link-empty link-item");
var para = helper.node("p:No Groups or Bookmarks|class:small muted");
var addButton = helper.node("button:Add a Bookmark|class:button button-small,type:button,tabindex:1");
var addButton = helper.node("button:Add a Bookmark|class:button button-line button-small,type:button,tabindex:1");
linkEmpty.appendChild(para);
linkEmpty.appendChild(addButton);
groupBody.appendChild(linkEmpty);
@ -1426,7 +1427,7 @@ var link = (function() {
item: function(groupIndex) {
var linkEmpty = helper.node("div|class:link-empty link-item");
var para = helper.node("p:Empty Group|class:small muted");
var addButton = helper.node("button:Add a Bookmark|class:button button-small,type:button,tabindex:1");
var addButton = helper.node("button:Add a Bookmark|class:button button-line button-small,type:button,tabindex:1");
linkEmpty.appendChild(para);
linkEmpty.appendChild(addButton);
addButton.addEventListener("click", function(event) {

6
src/js/modal.js
View File

@ -102,9 +102,9 @@ var modal = (function() {
bind.focus.remove();
};
var modalBody = helper.node("div|class:modal-body");
var modalControls = helper.node("div|class:modal-controls");
var actionButton = helper.node("button:" + options.actionText + "|class:modal-button button button-primary button-block,tabindex:1");
var cancelButton = helper.node("button:" + options.cancelText + "|class:modal-button button button-primary button-block,tabindex:1");
var modalControls = helper.node("div|class:modal-controls form-group");
var actionButton = helper.node("button:" + options.actionText + "|class:button button-line button-block modal-button,tabindex:1");
var cancelButton = helper.node("button:" + options.cancelText + "|class:button button-line button-block modal-button,tabindex:1");
modalControls.appendChild(cancelButton);
modalControls.appendChild(actionButton);
if (options.heading != null) {

2
src/js/theme.js
View File

@ -2280,7 +2280,7 @@ var theme = (function() {
var nameInput = helper.node("input|id:theme-name,class:theme-name mb-0,type:text,tabindex:1,placeholder:Example theme,autocomplete:off,autocorrect:off,autocapitalize:off,spellcheck:false");
var randomFormWrap = helper.node("div|class:form-wrap");
var randomButton = helper.node("button:Random Theme name|class:button,type:button,tabindex:1");
var randomButton = helper.node("button:Random Theme name|class:button button-line,type:button,tabindex:1");
randomFormWrap.appendChild(randomButton);

2
src/js/version.js
View File

@ -1,6 +1,6 @@
var version = (function() {
var current = "5.16.0";
var current = "5.17.0";
var name = "Zonked Tarsier";

2
src/manifest.json
View File

@ -2,7 +2,7 @@
"name": "nightTab",
"short_name": "nightTab",
"description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
"version": "5.16.0",
"version": "5.17.0",
"manifest_version": 2,
"chrome_url_overrides": {
"newtab": "index.html"