mirror of
https://github.com/zombieFox/nightTab.git
synced 2025-06-26 12:31:47 +02:00
[design] improve default controls
This commit is contained in:
zombieFox
parent
c2ed30c087
commit
ba23f57d9c
2
package-lock.json
generated
2
package-lock.json
generated
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "nighttab",
|
||||
"version": "4.19.4",
|
||||
"version": "4.20.0",
|
||||
"lockfileVersion": 1,
|
||||
"requires": true,
|
||||
"dependencies": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "nighttab",
|
||||
"version": "4.19.4",
|
||||
"version": "4.20.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": {
|
||||
|
||||
@ -127,3 +127,11 @@
|
||||
.icon-reorder:before {
|
||||
content: "\e901";
|
||||
}
|
||||
|
||||
.icon-undo:before {
|
||||
content: "\e902";
|
||||
}
|
||||
|
||||
.icon-redo:before {
|
||||
content: "\e903";
|
||||
}
|
||||
|
||||
BIN
src/fonts/icons/icons.eot
Executable file → Normal file
BIN
src/fonts/icons/icons.eot
Executable file → Normal file
Binary file not shown.
2
src/fonts/icons/icons.json
Executable file → Normal file
2
src/fonts/icons/icons.json
Executable file → Normal file
File diff suppressed because one or more lines are too long
2
src/fonts/icons/icons.svg
Executable file → Normal file
2
src/fonts/icons/icons.svg
Executable file → Normal file
@ -32,5 +32,7 @@
|
||||
<glyph unicode="" glyph-name="settings" d="M512 276.667c82 0 150 68 150 150s-68 150-150 150-150-68-150-150 68-150 150-150zM830 384.667l90-70c8-6 10-18 4-28l-86-148c-6-10-16-12-26-8l-106 42c-22-16-46-32-72-42l-16-112c-2-10-10-18-20-18h-172c-10 0-18 8-20 18l-16 112c-26 10-50 24-72 42l-106-42c-10-4-20-2-26 8l-86 148c-6 10-4 22 4 28l90 70c-2 14-2 28-2 42s0 28 2 42l-90 70c-8 6-10 18-4 28l86 148c6 10 16 12 26 8l106-42c22 16 46 32 72 42l16 112c2 10 10 18 20 18h172c10 0 18-8 20-18l16-112c26-10 50-24 72-42l106 42c10 4 20 2 26-8l86-148c6-10 4-22-4-28l-90-70c2-14 2-28 2-42s0-28-2-42z" />
|
||||
<glyph unicode="" glyph-name="refresh" d="M754 668.667l100 100v-300h-300l138 138c-46 46-110 76-180 76-142 0-256-114-256-256s114-256 256-256c112 0 208 70 242 170h88c-38-148-170-256-330-256-188 0-340 154-340 342s152 342 340 342c94 0 180-38 242-100z" />
|
||||
<glyph unicode="" glyph-name="reorder" d="M128 724.667h768v-84h-768v84zM128 468.667v86h768v-86h-768zM128 128.667v84h768v-84h-768zM128 298.667v86h768v-86h-768z" />
|
||||
<glyph unicode="" glyph-name="undo" d="M534 596.667q146 0 262-86t162-222l-100-32q-34 104-123 169t-201 65q-124 0-220-80l156-154h-384v384l152-154q126 110 296 110z" />
|
||||
<glyph unicode="" glyph-name="redo" d="M786 486.667l152 154v-384h-384l156 154q-96 80-220 80-102 0-197-68t-127-166l-100 32q44 136 161 222t263 86q170 0 296-110z" />
|
||||
<glyph unicode="" glyph-name="indeterminate_check_box" d="M726 384.667v84h-428v-84h428zM810 810.667c46 0 86-40 86-86v-596c0-46-40-86-86-86h-596c-46 0-86 40-86 86v596c0 46 40 86 86 86h596z" />
|
||||
</font></defs></svg>
|
||||
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 5.4 KiB |
BIN
src/fonts/icons/icons.ttf
Executable file → Normal file
BIN
src/fonts/icons/icons.ttf
Executable file → Normal file
Binary file not shown.
BIN
src/fonts/icons/icons.woff
Executable file → Normal file
BIN
src/fonts/icons/icons.woff
Executable file → Normal file
Binary file not shown.
237
src/index.html
237
src/index.html
@ -168,12 +168,10 @@
|
||||
<label for="control-layout-size">Size</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-layout-size" class="control-layout-size mr-3" type="range" min="50" max="200" value="0" step="5" tabindex="-1">
|
||||
<div class="control-layout-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-layout-size-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-layout-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-layout-size-default button" tabindex="1">Default Global scaling size</button>
|
||||
</div>
|
||||
<div class="form-helper">
|
||||
<p class="control-layout-size-helper form-helper-item">Resize all elements on the page.</p>
|
||||
</div>
|
||||
@ -191,12 +189,10 @@
|
||||
<label for="control-layout-width">Width</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-layout-width" class="control-layout-width mr-3" type="range" min="10" max="100" value="0" tabindex="-1">
|
||||
<div class="control-layout-width-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-layout-width-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-layout-width-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-layout-width-default button" tabindex="1">Default Width</button>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="form-wrap">
|
||||
<div class="form-wrap">
|
||||
@ -275,12 +271,10 @@
|
||||
<label for="control-layout-padding">Padding outside Header and Bookmark Area</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-layout-padding" class="control-layout-padding mr-3" type="range" min="0" max="40" value="0" tabindex="-1">
|
||||
<div class="control-layout-padding-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-layout-padding-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-layout-padding-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-layout-padding-default button" tabindex="1">Default Padding size</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu-item">
|
||||
@ -292,12 +286,10 @@
|
||||
<label for="control-layout-gutter">Gutter between Header and Bookmark items</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-layout-gutter" class="control-layout-gutter mr-3" type="range" min="0" max="40" value="0" tabindex="-1">
|
||||
<div class="control-layout-gutter-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-layout-gutter-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-layout-gutter-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-layout-gutter-default button" tabindex="1">Default Gutter size</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu-item">
|
||||
@ -328,7 +320,8 @@
|
||||
<label for="control-header-area-width">Width</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-header-area-width" class="control-header-area-width mr-3" type="range" min="10" max="100" value="0" tabindex="-1">
|
||||
<div class="control-header-area-width-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-header-area-width-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-header-area-width-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
@ -422,12 +415,10 @@
|
||||
<label for="control-header-greeting-size">Size</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-header-greeting-size" class="control-header-greeting-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
|
||||
<div class="control-header-greeting-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-header-greeting-size-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-header-greeting-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-header-greeting-size-default button" tabindex="-1">Default Greeting size</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -459,12 +450,10 @@
|
||||
<label for="control-header-transitional-size">Size</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-header-transitional-size" class="control-header-transitional-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
|
||||
<div class="control-header-transitional-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-header-transitional-size-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-header-transitional-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-header-transitional-size-default button" tabindex="-1">Default Transitional size</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -543,12 +532,10 @@
|
||||
<label for="control-header-clock-size">Size</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-header-clock-size" class="control-header-clock-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
|
||||
<div class="control-header-clock-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-header-clock-size-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-header-clock-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-header-clock-size-default button" tabindex="-1">Default Clock size</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu-item">
|
||||
@ -711,12 +698,10 @@
|
||||
<label for="control-header-date-size">Size</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-header-date-size" class="control-header-date-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
|
||||
<div class="control-header-date-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-header-date-size-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-header-date-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-header-date-size-default button" tabindex="-1">Default Date size</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu-item">
|
||||
@ -753,7 +738,8 @@
|
||||
<label for="control-header-search-width">Width</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-header-search-width" class="control-header-search-width mr-3" type="range" min="10" max="100" value="0" tabindex="-1">
|
||||
<div class="control-header-search-width-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-header-search-width-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-header-search-width-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -835,15 +821,13 @@
|
||||
<label for="control-header-search-size">Size</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-header-search-size" class="control-header-search-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
|
||||
<div class="control-header-search-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-header-search-size-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-header-search-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-helper">
|
||||
<p class="control-header-search-size-helper form-helper-item">Only the Search box width control will change the Width of the Search box.</p>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-header-search-size-default button" tabindex="-1">Default Search size</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -888,12 +872,10 @@
|
||||
<label for="control-header-button-size">Size</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-header-button-size" class="control-header-button-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
|
||||
<div class="control-header-button-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-header-button-size-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-header-button-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-header-button-size-default button" tabindex="-1">Default Button size</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu-item">
|
||||
@ -905,7 +887,8 @@
|
||||
<label for="control-header-border-top">Top</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-header-border-top" class="control-header-border-top mr-3" type="range" min="0" max="60" value="0" tabindex="-1">
|
||||
<div class="control-header-border-top-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-header-border-top-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-header-border-top-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
@ -913,7 +896,8 @@
|
||||
<label for="control-header-border-bottom">Bottom</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-header-border-bottom" class="control-header-border-bottom mr-3" type="range" min="0" max="60" value="0" tabindex="-1">
|
||||
<div class="control-header-border-bottom-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-header-border-bottom-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-header-border-bottom-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -969,7 +953,8 @@
|
||||
<label for="control-header-shade-opacity">Opacity</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-header-shade-opacity" class="control-header-shade-opacity mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
|
||||
<div class="control-header-shade-opacity-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-header-shade-opacity-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-header-shade-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
@ -1002,12 +987,10 @@
|
||||
<label for="control-group-name-size">Name Size</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-group-name-size" class="control-group-name-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
|
||||
<div class="control-group-name-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-group-name-size-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-group-name-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-group-name-size-default button" tabindex="-1">Default Name size</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
@ -1061,7 +1044,8 @@
|
||||
<label for="control-group-border">Between groups</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-group-border" class="control-group-border mr-3" type="range" min="0" max="60" value="0" tabindex="-1">
|
||||
<div class="control-group-border-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-group-border-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-group-border-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-helper">
|
||||
@ -1081,15 +1065,16 @@
|
||||
<label for="control-link-area-width">Width</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-link-area-width" class="control-link-area-width mr-3" type="range" min="10" max="100" value="0" tabindex="-1">
|
||||
<div class="control-link-area-width-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-link-area-width-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-link-area-width-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-helper">
|
||||
<p class="control-link-area-width-helper form-helper-item">Max width is defined by Layout Area Width.</p>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-link-area-width-match button" 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>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="form-wrap">
|
||||
<label class="control-link-area-alignment-label">Horizontal alignment</label>
|
||||
@ -1130,12 +1115,10 @@
|
||||
<label for="control-link-item-size">Bookmark Size</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-link-item-size" class="control-link-item-size mr-3" type="range" min="50" max="500" value="0" step="10" tabindex="-1">
|
||||
<div class="control-link-item-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-link-item-size-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-link-item-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-link-item-size-default button" tabindex="-1">Default Bookmark size</button>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="form-wrap">
|
||||
<label class="control-link-item-display-alignment-label">Content alignment</label>
|
||||
@ -1185,45 +1168,37 @@
|
||||
<label for="control-link-item-display-rotate">Content rotation</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-link-item-display-rotate" class="control-link-item-display-rotate mr-3" type="range" min="-180" max="180" value="0" step="5" tabindex="1">
|
||||
<div class="control-link-item-display-rotate-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-link-item-display-rotate-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-link-item-display-rotate-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-link-item-display-rotate-default button" tabindex="-1">Default rotation</button>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="form-wrap">
|
||||
<label for="control-link-item-display-translate-x">Content horizontally offset</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-link-item-display-translate-x" class="control-link-item-display-translate-x mr-3" type="range" min="-1000" max="1000" value="0" step="10" tabindex="1">
|
||||
<div class="control-link-item-display-translate-x-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-link-item-display-translate-x-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-link-item-display-translate-x-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-link-item-display-translate-x-default button" tabindex="-1">Default horizontal translate</button>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="form-wrap">
|
||||
<label for="control-link-item-display-translate-y">Content vertically offset</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-link-item-display-translate-y" class="control-link-item-display-translate-y mr-3" type="range" min="-1000" max="1000" value="0" step="10" tabindex="1">
|
||||
<div class="control-link-item-display-translate-y-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-link-item-display-translate-y-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-link-item-display-translate-y-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-link-item-display-translate-y-default button" tabindex="-1">Default vertical translate</button>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="form-wrap">
|
||||
<label for="control-link-item-display-gutter">Content gutter</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-link-item-display-gutter" class="control-link-item-display-gutter mr-3" type="range" min="0" max="40" value="0" tabindex="1">
|
||||
<div class="control-link-item-display-gutter-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-link-item-display-gutter-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-link-item-display-gutter-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-link-item-display-gutter-default button" tabindex="-1">Default content gutter</button>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="form-wrap">
|
||||
<input id="control-link-item-display-direction-horizontal" class="control-link-item-display-direction-horizontal" type="radio" name="control-link-item-display-direction" value="horizontal" tabindex="-1">
|
||||
@ -1265,23 +1240,19 @@
|
||||
<label for="control-link-item-display-letcon-letter-size">Letter size</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-link-item-display-letcon-letter-size" class="control-link-item-display-letcon-letter-size mr-3" type="range" min="10" max="3000" step="10" value="0" tabindex="-1">
|
||||
<div class="control-link-item-display-letcon-letter-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-link-item-display-letcon-letter-size-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-link-item-display-letcon-letter-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-link-item-display-letcon-letter-size-default button" tabindex="-1">Default letter size</button>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="form-wrap">
|
||||
<label for="control-link-item-display-letcon-icon-size">Icon size</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-link-item-display-letcon-icon-size" class="control-link-item-display-letcon-icon-size mr-3" type="range" min="10" max="3000" step="10" value="0" tabindex="-1">
|
||||
<div class="control-link-item-display-letcon-icon-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-link-item-display-letcon-icon-size-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-link-item-display-letcon-icon-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-link-item-display-letcon-icon-size-default button" tabindex="-1">Default icon size</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
@ -1295,12 +1266,10 @@
|
||||
<label for="control-link-item-display-name-size">Name size</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-link-item-display-name-size" class="control-link-item-display-name-size mr-3" type="range" min="10" max="3000" step="10" value="0" tabindex="-1">
|
||||
<div class="control-link-item-display-name-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-link-item-display-name-size-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-link-item-display-name-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-link-item-display-name-size-default button" tabindex="-1">Default name size</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
@ -1378,7 +1347,8 @@
|
||||
<label for="control-link-item-border">All sides</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-link-item-border" class="control-link-item-border mr-3" type="range" min="0" max="40" value="0" tabindex="-1">
|
||||
<div class="control-link-item-border-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-link-item-border-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-link-item-border-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1512,10 +1482,10 @@
|
||||
<div class="menu-item-form">
|
||||
<div class="form-wrap">
|
||||
<label for="control-theme-font-display-name">Display font</label>
|
||||
<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">
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-theme-font-display-name-default button" tabindex="-1">Default display font</button>
|
||||
<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-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-helper">
|
||||
<p class="control-theme-font-display-helper form-helper-item">Use a <a href="https://fonts.google.com/" target="_blank">Google Font</a> to customise the Clock, Date, Group names and Bookmark Letters.</p>
|
||||
@ -1532,7 +1502,7 @@
|
||||
<label for="control-theme-font-display-weight">Font weight</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-theme-font-display-weight" class="control-theme-font-display-weight mr-3" type="range" min="100" max="900" step="100" value="1" tabindex="-1">
|
||||
<div class="control-theme-font-display-weight-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-theme-font-display-weight-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
@ -1561,17 +1531,19 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="form-wrap">
|
||||
<label for="control-theme-font-ui-name">UI font</label>
|
||||
<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">
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-theme-font-ui-name-default button" tabindex="-1">Default UI font</button>
|
||||
<div class="form-wrap">
|
||||
<label for="control-theme-font-ui-name">UI font</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-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-helper">
|
||||
<p class="control-theme-font-ui-helper form-helper-item">Use a <a href="https://fonts.google.com/" target="_blank">Google Font</a> to customise the Bookmark name, URL and form elements.</p>
|
||||
</div>
|
||||
<div class="form-helper">
|
||||
<p class="control-theme-font-ui-helper form-helper-item">Add a font name as it appears on Google Fonts, including capital letters and spaces, eg: enter "Roboto" or "Source Sans Pro"</p>
|
||||
<p class="control-theme-font-ui-helper form-helper-item">Add a font name as it appears on Google Fonts, including capital letters and spaces, eg: enter "Roboto", "Source Sans Pro" or "Noto Sans"</p>
|
||||
</div>
|
||||
<div class="form-helper">
|
||||
<p class="control-theme-font-ui-helper form-helper-item">Clear the field to use the default font "Open Sans".</p>
|
||||
@ -1582,7 +1554,7 @@
|
||||
<label for="control-theme-font-ui-weight">Font weight</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-theme-font-ui-weight" class="control-theme-font-ui-weight mr-3" type="range" min="100" max="900" step="100" value="1" tabindex="-1">
|
||||
<div class="control-theme-font-ui-weight-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-theme-font-ui-weight-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
@ -1703,11 +1675,9 @@
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-theme-color-rgb-picker" class="form-group-item-half control-theme-color-rgb-picker" type="color" value="#000000" tabindex="1">
|
||||
<input id="control-theme-color-rgb-hex" class="form-group-item-half control-theme-color-rgb-hex" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
|
||||
<button class="control-theme-color-rgb-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-theme-color-rgb-default button" tabindex="-1">Default primary colour</button>
|
||||
</div>
|
||||
<div class="form-helper">
|
||||
<p class="control-theme-color-helper form-helper-item">Light and dark shades from this colour are used across nightTabs.</p>
|
||||
</div>
|
||||
@ -1716,21 +1686,21 @@
|
||||
<label for="control-theme-color-hsl-h">Hue</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-theme-color-hsl-h" class="control-theme-color-hsl-h mr-3" type="range" min="0" max="359" value="0" tabindex="-1">
|
||||
<div class="control-theme-color-hsl-h-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-theme-color-hsl-h-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<label for="control-theme-color-hsl-s">Saturation</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-theme-color-hsl-s" class="control-theme-color-hsl-s mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
|
||||
<div class="control-theme-color-hsl-s-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-theme-color-hsl-s-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<label for="control-theme-color-hsl-l">Lightness</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-theme-color-hsl-l" class="control-theme-color-hsl-l mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
|
||||
<div class="control-theme-color-hsl-l-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-theme-color-hsl-l-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
@ -1738,21 +1708,21 @@
|
||||
<label for="control-theme-color-rgb-r">Red</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-theme-color-rgb-r" class="control-theme-color-rgb-r mr-3" type="range" min="0" max="255" value="0" tabindex="-1">
|
||||
<div class="control-theme-color-rgb-r-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-theme-color-rgb-r-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<label for="control-theme-color-rgb-g">Green</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-theme-color-rgb-g" class="control-theme-color-rgb-g mr-3" type="range" min="0" max="255" value="0" tabindex="-1">
|
||||
<div class="control-theme-color-rgb-g-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-theme-color-rgb-g-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<label for="control-theme-color-rgb-b">Blue</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-theme-color-rgb-b" class="control-theme-color-rgb-b mr-3" type="range" min="0" max="255" value="0" tabindex="-1">
|
||||
<div class="control-theme-color-rgb-b-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-theme-color-rgb-b-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
@ -1760,22 +1730,18 @@
|
||||
<label for="control-theme-color-contrast-light">Light shade contrast</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-theme-color-contrast-light" class="control-theme-color-contrast-light mr-3" type="range" min="100" max="800" value="400" step="10" tabindex="-1">
|
||||
<div class="control-theme-color-contrast-light-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-theme-color-contrast-light-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-theme-color-contrast-light-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-theme-color-contrast-light-default button" tabindex="-1">Default light shade contrast</button>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<label for="control-theme-color-contrast-dark">Dark shade contrast</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-theme-color-contrast-dark" class="control-theme-color-contrast-dark mr-3" type="range" min="100" max="800" value="400" step="10" tabindex="-1">
|
||||
<div class="control-theme-color-contrast-dark-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-theme-color-contrast-dark-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-theme-color-contrast-dark-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-theme-color-contrast-dark-default button" tabindex="-1">Default dark shade contrast</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu-item">
|
||||
@ -1788,11 +1754,9 @@
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-theme-accent-rgb-picker" class="form-group-item-half control-theme-accent-rgb-picker" type="color" value="#000000" tabindex="1">
|
||||
<input id="control-theme-accent-rgb-hex" class="form-group-item-half control-theme-accent-rgb-hex" 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-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-theme-accent-rgb-default button" tabindex="-1">Default accent</button>
|
||||
</div>
|
||||
<div class="form-helper">
|
||||
<p class="control-theme-style-light-helper form-helper-item">Accent Colour can also be changed from the Header Area.</p>
|
||||
</div>
|
||||
@ -1839,12 +1803,10 @@
|
||||
<label for="control-theme-radius">All corners</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-theme-radius" class="control-theme-radius mr-3" type="range" min="0" max="400" value="0" step="5" tabindex="-1">
|
||||
<div class="control-theme-radius-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-theme-radius-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-theme-radius-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-theme-radius-default button" tabindex="-1">Default radius</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu-item">
|
||||
@ -1856,12 +1818,10 @@
|
||||
<label for="control-theme-shadow">Size</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-theme-shadow" class="control-theme-shadow mr-3" type="range" min="0" max="300" value="0" step="25" tabindex="-1">
|
||||
<div class="control-theme-shadow-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-theme-shadow-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-theme-shadow-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-theme-shadow-default button" tabindex="-1">Default shadow size</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu-item">
|
||||
@ -1873,12 +1833,10 @@
|
||||
<label for="control-theme-shade-opacity">Opacity</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-theme-shade-opacity" class="control-theme-shade-opacity mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
|
||||
<div class="control-theme-shade-opacity-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-theme-shade-opacity-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-theme-shade-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<button class="control-theme-shade-opacity-default button" tabindex="-1">Default opacity</button>
|
||||
</div>
|
||||
<div class="form-helper">
|
||||
<p class="control-theme-shade-opacity-helper form-helper-item">The shade appears behind Modals and the Menu.</p>
|
||||
</div>
|
||||
@ -1985,35 +1943,40 @@
|
||||
<label for="control-background-image-opacity">Opacity</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-background-image-opacity" class="control-background-image-opacity mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
|
||||
<div class="control-background-image-opacity-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-background-image-opacity-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-background-image-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<label for="control-background-image-grayscale">Grayscale</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-background-image-grayscale" class="control-background-image-grayscale mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
|
||||
<div class="control-background-image-grayscale-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-background-image-grayscale-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-background-image-grayscale-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<label for="control-background-image-blur">Blur</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-background-image-blur" class="control-background-image-blur mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
|
||||
<div class="control-background-image-blur-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-background-image-blur-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-background-image-blur-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<label for="control-background-image-accent">Accent overlay</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-background-image-accent" class="control-background-image-accent mr-3" type="range" min="0" max="90" value="0" tabindex="-1">
|
||||
<div class="control-background-image-accent-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<input id="control-background-image-accent" class="control-background-image-accent mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
|
||||
<div class="control-background-image-accent-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-background-image-accent-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-wrap">
|
||||
<label for="control-background-image-scale">Size</label>
|
||||
<div class="form-group form-group-block">
|
||||
<input id="control-background-image-scale" class="control-background-image-scale mr-3" type="range" min="100" max="300" value="0" tabindex="-1">
|
||||
<div class="control-background-image-scale-count form-group-text form-group-item-medium form-group-radius-left"></div>
|
||||
<div class="control-background-image-scale-count form-group-text form-group-item-medium form-group-radius-left px-1"></div>
|
||||
<button class="control-background-image-scale-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -508,6 +508,26 @@ var control = (function() {
|
||||
header.render.area.width();
|
||||
render.range.count(this);
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-header-area-width-default"),
|
||||
type: "button",
|
||||
additionalEvents: [{
|
||||
event: "click",
|
||||
func: function() {
|
||||
edge.box.open({
|
||||
element: helper.e(".header-area"),
|
||||
delay: 500
|
||||
});
|
||||
}
|
||||
}],
|
||||
func: function() {
|
||||
mod.setValue("header.area.width", helper.getObject({
|
||||
object: state.get.default(),
|
||||
path: "header.area.width"
|
||||
}));
|
||||
header.render.area.width();
|
||||
render.update();
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-header-area-width-match"),
|
||||
type: "button",
|
||||
@ -1459,6 +1479,26 @@ var control = (function() {
|
||||
header.render.search.width();
|
||||
render.range.count(this);
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-header-search-width-default"),
|
||||
type: "button",
|
||||
additionalEvents: [{
|
||||
event: "click",
|
||||
func: function() {
|
||||
edge.box.open({
|
||||
element: helper.e(".header-search-input"),
|
||||
delay: 500
|
||||
});
|
||||
}
|
||||
}],
|
||||
func: function() {
|
||||
mod.setValue("header.search.width", helper.getObject({
|
||||
object: state.get.default(),
|
||||
path: "header.search.width"
|
||||
}));
|
||||
header.render.search.width();
|
||||
render.update();
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-header-search-focus"),
|
||||
path: "header.search.focus",
|
||||
@ -1756,6 +1796,17 @@ var control = (function() {
|
||||
header.render.opacity();
|
||||
render.range.count(this);
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-header-shade-opacity-default"),
|
||||
type: "button",
|
||||
func: function() {
|
||||
mod.setValue("header.shade.opacity", helper.getObject({
|
||||
object: state.get.default(),
|
||||
path: "header.shade.opacity"
|
||||
}));
|
||||
header.render.opacity();
|
||||
render.update();
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-header-radius"),
|
||||
path: "header.radius",
|
||||
@ -1885,6 +1936,18 @@ var control = (function() {
|
||||
render.class();
|
||||
render.range.count(this);
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-group-border-default"),
|
||||
type: "button",
|
||||
func: function() {
|
||||
mod.setValue("group.border", helper.getObject({
|
||||
object: state.get.default(),
|
||||
path: "group.border"
|
||||
}));
|
||||
link.render.group.border();
|
||||
render.class();
|
||||
render.update();
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-header-border-top"),
|
||||
path: "header.border.top",
|
||||
@ -1895,6 +1958,18 @@ var control = (function() {
|
||||
render.class();
|
||||
render.range.count(this);
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-header-border-top-default"),
|
||||
type: "button",
|
||||
func: function() {
|
||||
mod.setValue("header.border.top", helper.getObject({
|
||||
object: state.get.default(),
|
||||
path: "header.border.top"
|
||||
}));
|
||||
header.render.border();
|
||||
render.class();
|
||||
render.update();
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-header-border-bottom"),
|
||||
path: "header.border.bottom",
|
||||
@ -1905,6 +1980,18 @@ var control = (function() {
|
||||
render.class();
|
||||
render.range.count(this);
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-header-border-bottom-default"),
|
||||
type: "button",
|
||||
func: function() {
|
||||
mod.setValue("header.border.bottom", helper.getObject({
|
||||
object: state.get.default(),
|
||||
path: "header.border.bottom"
|
||||
}));
|
||||
header.render.border();
|
||||
render.class();
|
||||
render.update();
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-header-position-sticky"),
|
||||
path: "header.position",
|
||||
@ -1967,6 +2054,26 @@ var control = (function() {
|
||||
link.render.area.width();
|
||||
render.range.count(this);
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-link-area-width-default"),
|
||||
type: "button",
|
||||
additionalEvents: [{
|
||||
event: "click",
|
||||
func: function() {
|
||||
edge.box.open({
|
||||
element: helper.e(".group"),
|
||||
delay: 500
|
||||
});
|
||||
}
|
||||
}],
|
||||
func: function() {
|
||||
mod.setValue("link.area.width", helper.getObject({
|
||||
object: state.get.default(),
|
||||
path: "link.area.width"
|
||||
}));
|
||||
link.render.area.width();
|
||||
render.update();
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-link-area-width-match"),
|
||||
type: "button",
|
||||
@ -2449,6 +2556,18 @@ var control = (function() {
|
||||
link.render.item.border();
|
||||
render.range.count(this);
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-link-item-border-default"),
|
||||
type: "button",
|
||||
func: function() {
|
||||
mod.setValue("link.item.border", helper.getObject({
|
||||
object: state.get.default(),
|
||||
path: "link.item.border"
|
||||
}));
|
||||
render.class();
|
||||
link.render.item.border();
|
||||
render.update();
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-link-style-block"),
|
||||
path: "link.style",
|
||||
@ -3108,6 +3227,17 @@ var control = (function() {
|
||||
background.render.opacity();
|
||||
render.range.count(this);
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-background-image-opacity-default"),
|
||||
type: "button",
|
||||
func: function() {
|
||||
mod.setValue("background.image.opacity", helper.getObject({
|
||||
object: state.get.default(),
|
||||
path: "background.image.opacity"
|
||||
}));
|
||||
background.render.opacity();
|
||||
render.update();
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-background-image-grayscale"),
|
||||
path: "background.image.grayscale",
|
||||
@ -3118,6 +3248,17 @@ var control = (function() {
|
||||
background.render.grayscale();
|
||||
render.range.count(this);
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-background-image-grayscale-default"),
|
||||
type: "button",
|
||||
func: function() {
|
||||
mod.setValue("background.image.grayscale", helper.getObject({
|
||||
object: state.get.default(),
|
||||
path: "background.image.grayscale"
|
||||
}));
|
||||
background.render.grayscale();
|
||||
render.update();
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-background-image-blur"),
|
||||
path: "background.image.blur",
|
||||
@ -3127,6 +3268,17 @@ var control = (function() {
|
||||
background.render.blur();
|
||||
render.range.count(this);
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-background-image-blur-default"),
|
||||
type: "button",
|
||||
func: function() {
|
||||
mod.setValue("background.image.blur", helper.getObject({
|
||||
object: state.get.default(),
|
||||
path: "background.image.blur"
|
||||
}));
|
||||
background.render.blur();
|
||||
render.update();
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-background-image-accent"),
|
||||
path: "background.image.accent",
|
||||
@ -3137,6 +3289,17 @@ var control = (function() {
|
||||
background.render.accent();
|
||||
render.range.count(this);
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-background-image-accent-default"),
|
||||
type: "button",
|
||||
func: function() {
|
||||
mod.setValue("background.image.accent", helper.getObject({
|
||||
object: state.get.default(),
|
||||
path: "background.image.accent"
|
||||
}));
|
||||
background.render.accent();
|
||||
render.update();
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-background-image-scale"),
|
||||
path: "background.image.scale",
|
||||
@ -3147,6 +3310,17 @@ var control = (function() {
|
||||
background.render.scale();
|
||||
render.range.count(this);
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-background-image-scale-default"),
|
||||
type: "button",
|
||||
func: function() {
|
||||
mod.setValue("background.image.scale", helper.getObject({
|
||||
object: state.get.default(),
|
||||
path: "background.image.scale"
|
||||
}));
|
||||
background.render.scale();
|
||||
render.update();
|
||||
}
|
||||
}, {
|
||||
element: helper.e(".control-data-import"),
|
||||
type: "file",
|
||||
@ -3742,7 +3916,9 @@ var control = (function() {
|
||||
_disable.element("[for=control-header-shade-opacity]", false);
|
||||
_disable.input(".control-header-shade-opacity", false);
|
||||
_disable.element(".control-header-shade-opacity-count", false);
|
||||
_disable.input(".control-header-shade-opacity-default", false);
|
||||
_disable.input(".control-header-radius", false);
|
||||
_disable.element(".control-header-radius-helper", false);
|
||||
} else {
|
||||
_disable.input(".control-header-shade-style-always", true);
|
||||
_disable.element(".control-header-shade-style-always-helper", true);
|
||||
@ -3751,7 +3927,9 @@ var control = (function() {
|
||||
_disable.element("[for=control-header-shade-opacity]", true);
|
||||
_disable.input(".control-header-shade-opacity", true);
|
||||
_disable.element(".control-header-shade-opacity-count", true);
|
||||
_disable.input(".control-header-shade-opacity-default", true);
|
||||
_disable.input(".control-header-radius", true);
|
||||
_disable.element(".control-header-radius-helper", true);
|
||||
};
|
||||
};
|
||||
var _button = function() {
|
||||
@ -3770,6 +3948,7 @@ var control = (function() {
|
||||
_disable.element("[for=control-header-search-width]", false);
|
||||
_disable.input(".control-header-search-width", false);
|
||||
_disable.element(".control-header-search-width-count", false);
|
||||
_disable.input(".control-header-search-width-default", false);
|
||||
_disable.input(".control-header-search-focus", false);
|
||||
_disable.element(".control-header-search-focus-helper", false);
|
||||
_disable.element(".control-header-search-engine-label", false);
|
||||
@ -3798,6 +3977,7 @@ var control = (function() {
|
||||
_disable.element("[for=control-header-search-width]", true);
|
||||
_disable.input(".control-header-search-width", true);
|
||||
_disable.element(".control-header-search-width-count", true);
|
||||
_disable.input(".control-header-search-width-default", true);
|
||||
_disable.input(".control-header-search-focus", true);
|
||||
_disable.element(".control-header-search-focus-helper", true);
|
||||
_disable.element(".control-header-search-engine-label", true);
|
||||
@ -3835,10 +4015,12 @@ var control = (function() {
|
||||
_disable.element("[for=control-header-search-width]", false);
|
||||
_disable.input(".control-header-search-width", false);
|
||||
_disable.element(".control-header-search-width-count", false);
|
||||
_disable.input(".control-header-search-width-default", false);
|
||||
} else {
|
||||
_disable.element("[for=control-header-search-width]", true);
|
||||
_disable.input(".control-header-search-width", true);
|
||||
_disable.element(".control-header-search-width-count", true);
|
||||
_disable.input(".control-header-search-width-default", true);
|
||||
};
|
||||
};
|
||||
var _greeting = function() {
|
||||
@ -3995,6 +4177,7 @@ var control = (function() {
|
||||
_disable.element("[for=control-link-item-border]", true);
|
||||
_disable.input(".control-link-item-border", true);
|
||||
_disable.element(".control-link-item-border-count", true);
|
||||
_disable.input(".control-link-item-border-default", true);
|
||||
_disable.input(".control-link-style-block", true);
|
||||
_disable.element(".control-link-style-block-helper", true);
|
||||
_disable.input(".control-link-style-list", true);
|
||||
@ -4042,6 +4225,7 @@ var control = (function() {
|
||||
_disable.element("[for=control-link-item-border]", false);
|
||||
_disable.input(".control-link-item-border", false);
|
||||
_disable.element(".control-link-item-border-count", false);
|
||||
_disable.input(".control-link-item-border-default", false);
|
||||
_disable.input(".control-link-style-block", false);
|
||||
_disable.element(".control-link-style-block-helper", false);
|
||||
_disable.input(".control-link-style-list", false);
|
||||
@ -4141,36 +4325,46 @@ var control = (function() {
|
||||
_disable.element("[for=control-background-image-opacity]", false);
|
||||
_disable.input(".control-background-image-opacity", false);
|
||||
_disable.element(".control-background-image-opacity-count", false);
|
||||
_disable.input(".control-background-image-opacity-default", false);
|
||||
_disable.element("[for=control-background-image-blur]", false);
|
||||
_disable.input(".control-background-image-blur", false);
|
||||
_disable.element(".control-background-image-blur-count", false);
|
||||
_disable.input(".control-background-image-blur-default", false);
|
||||
_disable.element("[for=control-background-image-grayscale]", false);
|
||||
_disable.input(".control-background-image-grayscale", false);
|
||||
_disable.element(".control-background-image-grayscale-count", false);
|
||||
_disable.input(".control-background-image-grayscale-default", false);
|
||||
_disable.element("[for=control-background-image-accent]", false);
|
||||
_disable.input(".control-background-image-accent", false);
|
||||
_disable.element(".control-background-image-accent-count", false);
|
||||
_disable.input(".control-background-image-accent-default", false);
|
||||
_disable.element("[for=control-background-image-scale]", false);
|
||||
_disable.input(".control-background-image-scale", false);
|
||||
_disable.element(".control-background-image-scale-count", false);
|
||||
_disable.input(".control-background-image-scale-default", false);
|
||||
} else {
|
||||
_disable.input(".control-background-image-from-file", true);
|
||||
_disable.input(".control-background-image-from-url", true);
|
||||
_disable.element("[for=control-background-image-opacity]", true);
|
||||
_disable.input(".control-background-image-opacity", true);
|
||||
_disable.element(".control-background-image-opacity-count", true);
|
||||
_disable.input(".control-background-image-opacity-default", true);
|
||||
_disable.element("[for=control-background-image-blur]", true);
|
||||
_disable.input(".control-background-image-blur", true);
|
||||
_disable.element(".control-background-image-blur-count", true);
|
||||
_disable.input(".control-background-image-blur-default", true);
|
||||
_disable.element("[for=control-background-image-grayscale]", true);
|
||||
_disable.input(".control-background-image-grayscale", true);
|
||||
_disable.element(".control-background-image-grayscale-count", true);
|
||||
_disable.input(".control-background-image-grayscale-default", true);
|
||||
_disable.element("[for=control-background-image-accent]", true);
|
||||
_disable.input(".control-background-image-accent", true);
|
||||
_disable.element(".control-background-image-accent-count", true);
|
||||
_disable.input(".control-background-image-accent-default", true);
|
||||
_disable.element("[for=control-background-image-scale]", true);
|
||||
_disable.input(".control-background-image-scale", true);
|
||||
_disable.element(".control-background-image-scale-count", true);
|
||||
_disable.input(".control-background-image-scale-default", true);
|
||||
};
|
||||
if (state.get.current().background.image.show && state.get.current().background.image.from == "file") {
|
||||
_disable.element(".control-background-image-file-feedback", false);
|
||||
|
||||
@ -317,11 +317,19 @@ var state = (function() {
|
||||
size: 1
|
||||
},
|
||||
search: {
|
||||
width: 30,
|
||||
size: 1
|
||||
},
|
||||
button: {
|
||||
size: 1
|
||||
},
|
||||
shade: {
|
||||
opacity: 0.95
|
||||
},
|
||||
border: {
|
||||
top: 0,
|
||||
bottom: 0
|
||||
},
|
||||
greeting: {
|
||||
size: 1
|
||||
},
|
||||
@ -329,11 +337,6 @@ var state = (function() {
|
||||
size: 1
|
||||
}
|
||||
},
|
||||
group: {
|
||||
name: {
|
||||
size: 1
|
||||
}
|
||||
},
|
||||
link: {
|
||||
area: {
|
||||
width: 100
|
||||
@ -358,9 +361,16 @@ var state = (function() {
|
||||
y: 0
|
||||
}
|
||||
},
|
||||
size: 1
|
||||
size: 1,
|
||||
border: 0
|
||||
}
|
||||
},
|
||||
group: {
|
||||
name: {
|
||||
size: 1
|
||||
},
|
||||
border: 0
|
||||
},
|
||||
layout: {
|
||||
padding: 4,
|
||||
gutter: 2,
|
||||
@ -409,6 +419,15 @@ var state = (function() {
|
||||
shade: {
|
||||
opacity: 0.4
|
||||
}
|
||||
},
|
||||
background: {
|
||||
image: {
|
||||
blur: 0,
|
||||
scale: 1,
|
||||
opacity: 1,
|
||||
grayscale: 0,
|
||||
accent: 0
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
var version = (function() {
|
||||
|
||||
var current = "4.19.4";
|
||||
var current = "4.20.0";
|
||||
|
||||
var name = "Naughty Goose";
|
||||
|
||||
|
||||
@ -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": "4.19.4",
|
||||
"version": "4.20.0",
|
||||
"manifest_version": 2,
|
||||
"chrome_url_overrides": {
|
||||
"newtab": "index.html"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user