diff --git a/package-lock.json b/package-lock.json index c83321e4..9df31de8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "nightTab", - "version": "4.42.0", + "version": "4.43.0", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 4883755f..1dc1d6c0 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "nightTab", - "version": "4.42.0", + "version": "4.43.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": { diff --git a/src/css/menu.css b/src/css/menu.css index 3c332fcf..04db062c 100755 --- a/src/css/menu.css +++ b/src/css/menu.css @@ -196,7 +196,7 @@ } .menu-content-overscroll .menu-content-item:last-child { - padding-bottom: calc(var(--menu-space) * 30); + padding-bottom: calc(var(--menu-space) * 50); } .menu-item-header { diff --git a/src/html/menu.html b/src/html/menu.html index a1535501..10392e18 100644 --- a/src/html/menu.html +++ b/src/html/menu.html @@ -1,27 +1,27 @@ diff --git a/src/html/menu/menu-close.html b/src/html/menu/close.html similarity index 100% rename from src/html/menu/menu-close.html rename to src/html/menu/close.html diff --git a/src/html/menu/content/background.html b/src/html/menu/content/background.html new file mode 100644 index 00000000..e60d2b6b --- /dev/null +++ b/src/html/menu/content/background.html @@ -0,0 +1,7 @@ + diff --git a/src/html/menu/content/background/color.html b/src/html/menu/content/background/color.html new file mode 100644 index 00000000..7dc051f2 --- /dev/null +++ b/src/html/menu/content/background/color.html @@ -0,0 +1,34 @@ +
+
+

Colour

+
+
+
+ + +
+
+

Use the Background colour defined by the Theme.

+
+
+ + +
+
+

Use a custom Background colour.

+
+
+

Take care as some colours may make the Clock, Date and other text unreadable.

+
+
+
+
+
+ + +
+
+
+
+
+
diff --git a/src/html/menu/content/background/image.html b/src/html/menu/content/background/image.html new file mode 100644 index 00000000..85beed1a --- /dev/null +++ b/src/html/menu/content/background/image.html @@ -0,0 +1,104 @@ +
+
+

Image

+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ + +
+ +
+
+

Max image size 5MB, (due to browser local storage limits).

+
+
+

Take care with large files, they may impact performance.

+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+

If adding more than one URL separate them by spaces or on new lines. If more than one is entered a random background image will be used on load.

+
+
+
+

Unsplash can be used for random images, eg:

+
+
+

https://source.unsplash.com/random/1920x1080/?night,day,sky

+
+
+

Change parameters after .../random/ for more options. Loading times may vary.

+
+
+
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+
+
+
diff --git a/src/html/menu/content/bookmarks.html b/src/html/menu/content/bookmarks.html new file mode 100644 index 00000000..40dfe1e7 --- /dev/null +++ b/src/html/menu/content/bookmarks.html @@ -0,0 +1,25 @@ + diff --git a/src/html/menu/content/bookmarks/accent.html b/src/html/menu/content/bookmarks/accent.html new file mode 100644 index 00000000..1e16bcba --- /dev/null +++ b/src/html/menu/content/bookmarks/accent.html @@ -0,0 +1,17 @@ +
+
+

Accent override

+
+
+
+ +
+
+
+ +
+
+

Adds a unique override colour to each Bookmark.

+
+
+
diff --git a/src/html/menu/content/bookmarks/alignment.html b/src/html/menu/content/bookmarks/alignment.html new file mode 100644 index 00000000..e768a137 --- /dev/null +++ b/src/html/menu/content/bookmarks/alignment.html @@ -0,0 +1,116 @@ +
+
+

Alignment

+
+
+
+ +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+ +
+ + + +
+
+
+
+ +
+ + + +
+
+
+
+ +
+ + + +
+
+
+
+ +
+ + + +
+
+
+
+ + +
+
+ + +
+
+

Only available when Letter/Icon and Name are shown.

+
+
+

Vertical alignment works well with Bookmark Block Style.

+
+
+

Horizontal alignment works well with Bookmark List Style.

+
+
+
+ + +
+
+ + +
+
+

Only available when Letter/Icon and Name are shown.

+
+
+
diff --git a/src/html/menu/content/bookmarks/area.html b/src/html/menu/content/bookmarks/area.html new file mode 100644 index 00000000..895363cf --- /dev/null +++ b/src/html/menu/content/bookmarks/area.html @@ -0,0 +1,44 @@ +
+
+

Area

+
+
+
+ +
+ + + +
+
+
+ +
+
+

Max width is defined by Layout Area Width.

+
+
+
+ +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+

Effects may not be visible if the Bookmark Area is full width.

+
+
+
diff --git a/src/html/menu/content/bookmarks/bookmarks.html b/src/html/menu/content/bookmarks/bookmarks.html new file mode 100644 index 00000000..71ca18de --- /dev/null +++ b/src/html/menu/content/bookmarks/bookmarks.html @@ -0,0 +1,51 @@ +
+
+

Bookmarks

+
+
+
+ + +
+
+
+
+ +
+ + + +
+
+
+
+ + +
+
+
+ + +
+
+
+ + +
+
+

Effects may not be visible if Theme Shadow is set to 0.

+
+
+
+ + +
+
+
+ + +
+
+
+
+
diff --git a/src/html/menu/content/bookmarks/border.html b/src/html/menu/content/bookmarks/border.html new file mode 100644 index 00000000..410fd110 --- /dev/null +++ b/src/html/menu/content/bookmarks/border.html @@ -0,0 +1,15 @@ +
+
+

Border

+
+
+
+ +
+ + + +
+
+
+
diff --git a/src/html/menu/content/bookmarks/color.html b/src/html/menu/content/bookmarks/color.html new file mode 100644 index 00000000..a37013f6 --- /dev/null +++ b/src/html/menu/content/bookmarks/color.html @@ -0,0 +1,34 @@ +
+
+

Colour

+
+
+
+ + +
+
+

Use the colour defined by the Theme.

+
+
+ + +
+
+

Use a custom colour.

+
+
+

Take care as some colours may make the Letter/Icon and Name unreadable.

+
+
+
+
+
+ + +
+
+
+
+
+
diff --git a/src/html/menu/content/bookmarks/letcon.html b/src/html/menu/content/bookmarks/letcon.html new file mode 100644 index 00000000..ba314754 --- /dev/null +++ b/src/html/menu/content/bookmarks/letcon.html @@ -0,0 +1,32 @@ +
+
+

Letter/Icon

+
+
+
+ + +
+
+
+
+ +
+ + + +
+
+
+
+ +
+ + + +
+
+
+
+
+
diff --git a/src/html/menu/content/bookmarks/name.html b/src/html/menu/content/bookmarks/name.html new file mode 100644 index 00000000..4b077538 --- /dev/null +++ b/src/html/menu/content/bookmarks/name.html @@ -0,0 +1,23 @@ +
+
+

Name

+
+
+
+ + +
+
+
+
+ +
+ + + +
+
+
+
+
+
diff --git a/src/html/menu/content/bookmarks/orientation.html b/src/html/menu/content/bookmarks/orientation.html new file mode 100644 index 00000000..1095f3eb --- /dev/null +++ b/src/html/menu/content/bookmarks/orientation.html @@ -0,0 +1,18 @@ +
+
+

Orientation

+
+
+
+ + +
+
+ + +
+
+

Display the URL and Controls either at the top or bottom of a Bookmark Tile.

+
+
+
diff --git a/src/html/menu/content/bookmarks/sort.html b/src/html/menu/content/bookmarks/sort.html new file mode 100644 index 00000000..d821e644 --- /dev/null +++ b/src/html/menu/content/bookmarks/sort.html @@ -0,0 +1,14 @@ +
+
+

Sort

+
+
+
+
+ + + +
+
+
+
diff --git a/src/html/menu/content/bookmarks/style.html b/src/html/menu/content/bookmarks/style.html new file mode 100644 index 00000000..a10d4cb1 --- /dev/null +++ b/src/html/menu/content/bookmarks/style.html @@ -0,0 +1,21 @@ +
+
+

Style

+
+
+
+ + +
+
+

Bookmark tiles more square shaped.

+
+
+ + +
+
+

Bookmark tiles more short and wide.

+
+
+
diff --git a/src/html/menu/content/coffee.html b/src/html/menu/content/coffee.html new file mode 100644 index 00000000..886af8de --- /dev/null +++ b/src/html/menu/content/coffee.html @@ -0,0 +1,5 @@ + diff --git a/src/html/menu/content/coffee/coffee.html b/src/html/menu/content/coffee/coffee.html new file mode 100644 index 00000000..73a39d9e --- /dev/null +++ b/src/html/menu/content/coffee/coffee.html @@ -0,0 +1,17 @@ +
+
+

Coffee for fuel

+
+
+
+

nightTab is free, appreciation is welcome in the form of coffee!

+
+
+
+ + + Buy me a coffee + +
+
+
diff --git a/src/html/menu/content/data.html b/src/html/menu/content/data.html new file mode 100644 index 00000000..97ac9772 --- /dev/null +++ b/src/html/menu/content/data.html @@ -0,0 +1,9 @@ + diff --git a/src/html/menu/content/data/backup.html b/src/html/menu/content/data/backup.html new file mode 100644 index 00000000..decc77f1 --- /dev/null +++ b/src/html/menu/content/data/backup.html @@ -0,0 +1,16 @@ +
+
+

Backup

+
+
+
+ +
+
+

Download a backup of your nightTab Bookmarks and Settings.

+
+
+

This file can later be imported on this or another deivce.

+
+
+
diff --git a/src/html/menu/content/data/clear.html b/src/html/menu/content/data/clear.html new file mode 100644 index 00000000..28b2d96f --- /dev/null +++ b/src/html/menu/content/data/clear.html @@ -0,0 +1,13 @@ +
+
+

Clear

+
+
+
+ +
+
+

Wipe all data and restore nightTab to default state.

+
+
+
diff --git a/src/html/menu/content/data/restore.html b/src/html/menu/content/data/restore.html new file mode 100644 index 00000000..1ed2954f --- /dev/null +++ b/src/html/menu/content/data/restore.html @@ -0,0 +1,19 @@ +
+
+

Restore

+
+
+
+
+ + +
+
+
+

Restore a previously exported nightTab backup.

+
+
+ +
+
+
diff --git a/src/html/menu/content/groups.html b/src/html/menu/content/groups.html new file mode 100644 index 00000000..307ab302 --- /dev/null +++ b/src/html/menu/content/groups.html @@ -0,0 +1,13 @@ + diff --git a/src/html/menu/content/groups/area.html b/src/html/menu/content/groups/area.html new file mode 100644 index 00000000..8abf357a --- /dev/null +++ b/src/html/menu/content/groups/area.html @@ -0,0 +1,31 @@ +
+
+

Area

+
+
+
+
+ +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+

Effects may not be visible if the Group Name is not shown.

+
+
+
diff --git a/src/html/menu/content/groups/border.html b/src/html/menu/content/groups/border.html new file mode 100644 index 00000000..7754429f --- /dev/null +++ b/src/html/menu/content/groups/border.html @@ -0,0 +1,18 @@ +
+
+

Border

+
+
+
+ +
+ + + +
+
+
+

Border between groups may not be visible if there is only one group.

+
+
+
diff --git a/src/html/menu/content/groups/names.html b/src/html/menu/content/groups/names.html new file mode 100644 index 00000000..79b8f03d --- /dev/null +++ b/src/html/menu/content/groups/names.html @@ -0,0 +1,23 @@ +
+
+

Names

+
+
+
+ + +
+
+
+
+ +
+ + + +
+
+
+
+
+
diff --git a/src/html/menu/content/groups/openall.html b/src/html/menu/content/groups/openall.html new file mode 100644 index 00000000..80c6ca70 --- /dev/null +++ b/src/html/menu/content/groups/openall.html @@ -0,0 +1,35 @@ +
+
+

Open all Bookmarks

+
+
+
+ + +
+
+
+
+ +
+ + + +
+
+
+
+
+
+ +
+
+ + +
+
+ + +
+
+
diff --git a/src/html/menu/content/groups/order.html b/src/html/menu/content/groups/order.html new file mode 100644 index 00000000..fef15ead --- /dev/null +++ b/src/html/menu/content/groups/order.html @@ -0,0 +1,15 @@ +
+
+

Order

+
+
+
+ + +
+
+ + +
+
+
diff --git a/src/html/menu/content/header.html b/src/html/menu/content/header.html new file mode 100644 index 00000000..1bddb28f --- /dev/null +++ b/src/html/menu/content/header.html @@ -0,0 +1,29 @@ + diff --git a/src/html/menu/content/header/area.html b/src/html/menu/content/header/area.html new file mode 100644 index 00000000..1f2f0b17 --- /dev/null +++ b/src/html/menu/content/header/area.html @@ -0,0 +1,96 @@ +
+
+

Area

+
+
+
+ +
+ + + +
+
+
+ +
+
+

Max width is defined by Layout Area Width.

+
+
+
+
+ +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+

Effects may not be visible if the Header Area is full width.

+
+
+
+
+
+ +
+
+ + +
+
+

Header items aligned to each others centres.

+
+
+ + +
+
+

Header items aligned to the text baseline. Useful for when the Clock, Date and other text is sized large and need to sit on a line.

+
+
+
+
+
+
+ +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+

Effects may not be visible if the Search box size is set to Auto and grows to fill available space.

+
+
+

Some Header items may not be shown.

+
+
+
diff --git a/src/html/menu/content/header/border.html b/src/html/menu/content/header/border.html new file mode 100644 index 00000000..6b9a457b --- /dev/null +++ b/src/html/menu/content/header/border.html @@ -0,0 +1,24 @@ +
+
+

Border

+
+
+
+ +
+ + + +
+
+
+
+ +
+ + + +
+
+
+
diff --git a/src/html/menu/content/header/clock.html b/src/html/menu/content/header/clock.html new file mode 100644 index 00000000..644c537c --- /dev/null +++ b/src/html/menu/content/header/clock.html @@ -0,0 +1,88 @@ +
+
+

Clock

+
+
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ +
+ + + +
+
+
+
+ + +
+
+

Force on to a new line and seperate from other Header items.

+
+
+
diff --git a/src/html/menu/content/header/color.html b/src/html/menu/content/header/color.html new file mode 100644 index 00000000..c76586f0 --- /dev/null +++ b/src/html/menu/content/header/color.html @@ -0,0 +1,71 @@ +
+
+

Background colour

+
+
+
+ + +
+
+
+
+ + +
+
+

Useful for when a Background Image is shown.

+
+
+ + +
+
+

The page will not scroll if Bookmarks are not shown.

+
+
+
+ + +
+
+

Use the Background colour defined by the Theme.

+
+
+ + +
+
+

Use a custom Background colour.

+
+
+
+
+
+ + +
+
+
+
+
+
+ +
+ + + +
+
+
+
+ + +
+
+

May not be visible if Theme Radius is set to 0.

+
+
+
+
+
diff --git a/src/html/menu/content/header/coloraccent.html b/src/html/menu/content/header/coloraccent.html new file mode 100644 index 00000000..b4643466 --- /dev/null +++ b/src/html/menu/content/header/coloraccent.html @@ -0,0 +1,51 @@ +
+
+

Colour/Accent

+
+
+
+ + +
+
+

Colour and Accent can also be found under Theme.

+
+
+
+
+ + +
+
+
+ +
+
+ + +
+
+ + +
+
+
+ +
+ + + +
+
+
+
+ + +
+
+

Force on to a new line and seperate from other Header items.

+
+
+
+
+
diff --git a/src/html/menu/content/header/date.html b/src/html/menu/content/header/date.html new file mode 100644 index 00000000..a8b2c3e8 --- /dev/null +++ b/src/html/menu/content/header/date.html @@ -0,0 +1,174 @@ +
+
+

Date

+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ +
+
+ + +
+
+ + +
+
+

Define what day "1" represents, either Monday or Sunday.

+
+
+
+
+ + +
+
+
+
+ +
+
+ + +
+
+ + +
+
+
+
+
+
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+

Display Date as 1st, 2nd, 3rd, 4th etc.

+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+

Display Month as 1st, 2nd, 3rd, 4th etc.

+
+
+
+
+ + +
+
+
+
+ +
+
+ + +
+
+ + +
+
+
+
+
+
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+
+
+ + +
+
+
+ +
+
+ + +
+
+ + +
+
+
+ +
+ + + +
+
+
+
+ + +
+
+

Force on to a new line and seperate from other Header items.

+
+
+
diff --git a/src/html/menu/content/header/editadd.html b/src/html/menu/content/header/editadd.html new file mode 100644 index 00000000..a962b158 --- /dev/null +++ b/src/html/menu/content/header/editadd.html @@ -0,0 +1,43 @@ +
+
+

Edit/Add

+
+
+
+ + +
+
+
+
+ +
+
+ + +
+
+ + +
+
+
+ +
+ + + +
+
+
+
+ + +
+
+

Force on to a new line and seperate from other Header items.

+
+
+
+
+
diff --git a/src/html/menu/content/header/greeting.html b/src/html/menu/content/header/greeting.html new file mode 100644 index 00000000..51c03bb2 --- /dev/null +++ b/src/html/menu/content/header/greeting.html @@ -0,0 +1,52 @@ +
+
+

Greeting

+
+
+
+ + +
+
+
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ +
+ + + +
+
+
+
+ + +
+
+

Force on to a new line and seperate from other Header items.

+
+
+
+
+
diff --git a/src/html/menu/content/header/order.html b/src/html/menu/content/header/order.html new file mode 100644 index 00000000..69c7836e --- /dev/null +++ b/src/html/menu/content/header/order.html @@ -0,0 +1,13 @@ +
+
+

Order

+
+
+
+ +
+
+
+
+
+
diff --git a/src/html/menu/content/header/position.html b/src/html/menu/content/header/position.html new file mode 100644 index 00000000..61f78e96 --- /dev/null +++ b/src/html/menu/content/header/position.html @@ -0,0 +1,21 @@ +
+
+

Position when scrolling

+
+
+
+ + +
+
+

Header sticks to the page when scrolling up or down.

+
+
+ + +
+
+

Header moves inline with the content when scrolling up or down.

+
+
+
diff --git a/src/html/menu/content/header/search.html b/src/html/menu/content/header/search.html new file mode 100644 index 00000000..c655768d --- /dev/null +++ b/src/html/menu/content/header/search.html @@ -0,0 +1,152 @@ +
+
+

Search

+
+
+
+ + +
+
+
+
+ +
+
+ + +
+
+

Search box will grow to best fit available space.

+
+
+ + +
+
+

Define how wide the Search box should be inside the Header Area.

+
+
+
+
+
+ + + +
+
+
+
+
+
+ +
+
+ + +
+
+ + +
+
+
+ + +
+
+

May not work in some browsers.

+
+
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+

Enter a web address with the search parameters, eg: "https://vimeo.com/search?q="

+

nightTab will add the search term entered into the Search input at the end of the above URL.

+
+
+
+
+
+ +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+ +
+ + + +
+
+
+

Only the Search box width control will change the Width of the Search box.

+
+
+
+ + +
+
+
+ + +
+
+

Force on to a new line and seperate from other Header items.

+
+
+
+
+
diff --git a/src/html/menu/content/header/settings.html b/src/html/menu/content/header/settings.html new file mode 100644 index 00000000..8415715c --- /dev/null +++ b/src/html/menu/content/header/settings.html @@ -0,0 +1,35 @@ +
+
+

Settings menu

+
+
+
+ +
+
+ + +
+
+ + +
+
+
+ +
+ + + +
+
+
+
+ + +
+
+

Force on to a new line and seperate from other Header items.

+
+
+
diff --git a/src/html/menu/content/header/transitional.html b/src/html/menu/content/header/transitional.html new file mode 100644 index 00000000..c3516826 --- /dev/null +++ b/src/html/menu/content/header/transitional.html @@ -0,0 +1,46 @@ +
+
+

Transitional words

+
+
+
+ + +
+
+

Available when Date or Time is shown.

+
+
+
+
+ +
+
+ + +
+
+ + +
+
+
+ +
+ + + +
+
+
+
+ + +
+
+

Force on to a new line and seperate from other Header items.

+
+
+
+
+
diff --git a/src/html/menu/content/layout.html b/src/html/menu/content/layout.html new file mode 100644 index 00000000..9e1e37d7 --- /dev/null +++ b/src/html/menu/content/layout.html @@ -0,0 +1,15 @@ +
+ + @@include("./layout/scaling.html") + + @@include("./layout/area.html") + + @@include("./layout/order.html") + + @@include("./layout/padding.html") + + @@include("./layout/gutter.html") + + @@include("./layout/page.html") + +
diff --git a/src/html/menu/content/layout/area.html b/src/html/menu/content/layout/area.html new file mode 100644 index 00000000..6c4e22fc --- /dev/null +++ b/src/html/menu/content/layout/area.html @@ -0,0 +1,62 @@ +
+
+

Area

+
+
+
+ +
+ + + +
+
+
+
+ +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+

Effects may not be visible if the Layout Area is full width or if Bookmarks fill the page.

+
+
+
diff --git a/src/html/menu/content/layout/gutter.html b/src/html/menu/content/layout/gutter.html new file mode 100644 index 00000000..f5c04599 --- /dev/null +++ b/src/html/menu/content/layout/gutter.html @@ -0,0 +1,15 @@ +
+
+

Gutter

+
+
+
+ +
+ + + +
+
+
+
diff --git a/src/html/menu/content/layout/order.html b/src/html/menu/content/layout/order.html new file mode 100644 index 00000000..61eb00ee --- /dev/null +++ b/src/html/menu/content/layout/order.html @@ -0,0 +1,18 @@ +
+
+

Area order

+
+
+
+ + +
+
+ + +
+
+

Only available when Bookmarks are shown.

+
+
+
diff --git a/src/html/menu/content/layout/padding.html b/src/html/menu/content/layout/padding.html new file mode 100644 index 00000000..9a7a7b8b --- /dev/null +++ b/src/html/menu/content/layout/padding.html @@ -0,0 +1,15 @@ +
+
+

Padding

+
+
+
+ +
+ + + +
+
+
+
diff --git a/src/html/menu/content/layout/page.html b/src/html/menu/content/layout/page.html new file mode 100644 index 00000000..df7a5ec7 --- /dev/null +++ b/src/html/menu/content/layout/page.html @@ -0,0 +1,35 @@ +
+
+

Page

+
+
+
+ + +
+
+
+ + +
+
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+

May not work in some browsers.

+
+
+
diff --git a/src/html/menu/content/layout/scaling.html b/src/html/menu/content/layout/scaling.html new file mode 100644 index 00000000..1877ce16 --- /dev/null +++ b/src/html/menu/content/layout/scaling.html @@ -0,0 +1,21 @@ +
+
+

Scaling

+
+
+
+ +
+ + + +
+
+
+

Resize all elements on the page.

+
+
+

Take care as some elements could scale up to outside the page.

+
+
+
diff --git a/src/html/menu/content/nighttab.html b/src/html/menu/content/nighttab.html new file mode 100644 index 00000000..6fd98252 --- /dev/null +++ b/src/html/menu/content/nighttab.html @@ -0,0 +1,5 @@ + diff --git a/src/html/menu/content/nighttab/nighttab.html b/src/html/menu/content/nighttab/nighttab.html new file mode 100644 index 00000000..a18dd7de --- /dev/null +++ b/src/html/menu/content/nighttab/nighttab.html @@ -0,0 +1,19 @@ +
+
+

nightTab

+
+
+
+

Version

+

+
+
+
+

Project repository on GitHub.

+
+
+
+

For feedback and support, submit an Issues.

+
+
+
diff --git a/src/html/menu/content/theme.html b/src/html/menu/content/theme.html new file mode 100644 index 00000000..695cd920 --- /dev/null +++ b/src/html/menu/content/theme.html @@ -0,0 +1,21 @@ + diff --git a/src/html/menu/content/theme/accent.html b/src/html/menu/content/theme/accent.html new file mode 100644 index 00000000..7510fbce --- /dev/null +++ b/src/html/menu/content/theme/accent.html @@ -0,0 +1,50 @@ +
+
+

Accent

+
+
+
+ +
+ + + +
+
+
+

Accent Colour can also be changed from the Header Area.

+
+
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
+
+
diff --git a/src/html/menu/content/theme/color.html b/src/html/menu/content/theme/color.html new file mode 100644 index 00000000..5d559f0e --- /dev/null +++ b/src/html/menu/content/theme/color.html @@ -0,0 +1,165 @@ +
+
+

Colour

+
+
+
+
+

Colour shades

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Backgrounds, Bookmarks and Modals use shades from the left.

+
+
+

Text and form elements use shades from the right.

+
+
+

For a light look switch to the Light Style and then select a Shade colour.

+
+
+
+ +
+ + + +
+
+
+

Light and dark shades from this colour are used across nightTabs.

+
+
+
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+
+
+
diff --git a/src/html/menu/content/theme/fonts.html b/src/html/menu/content/theme/fonts.html new file mode 100644 index 00000000..cfcb812f --- /dev/null +++ b/src/html/menu/content/theme/fonts.html @@ -0,0 +1,126 @@ +
+
+

Fonts

+
+
+
+ +
+ + +
+
+
+

Use a Google Font to customise the Clock, Date, Group names and Bookmark Letters.

+
+
+

Add a font name as it appears on Google Fonts, including capital letters and spaces, eg: enter "Fredoka One" or "Kanit"

+
+
+

Clear the field to use the default font "Fjalla One".

+
+
+
+
+
+ +
+ + + +
+
+
+
+ + + +
+
+
+

Not all fonts support all weights. Refer to the Google Font page to see which are available.

+
+
+
+ +
+
+
+
+ + +
+
+ + +
+
+
+ +
+
+
+
+
+
+
+ +
+ + +
+
+
+
+

Use a Google Font to customise the Bookmark name, URL and form elements.

+
+
+

Add a font name as it appears on Google Fonts, including capital letters and spaces, eg: enter "Roboto", "Source Sans Pro" or "Noto Sans"

+
+
+

Clear the field to use the default font "Open Sans".

+
+
+
+
+
+ +
+ + + +
+
+
+
+ + + +
+
+
+

Not all fonts support all weights. Refer to the Google Font page to see which are available.

+
+
+
+ +
+
+
+
+ + +
+
+ + +
+
+
+ +
+
+
+
+
+
diff --git a/src/html/menu/content/theme/preset.html b/src/html/menu/content/theme/preset.html new file mode 100644 index 00000000..ed23db9d --- /dev/null +++ b/src/html/menu/content/theme/preset.html @@ -0,0 +1,11 @@ +
+
+

Preset

+
+
+
+
+

Applying a Preset will replace the current Colour, Accent, Font, Style, Radius, Shadow and Shade.

+
+
+
diff --git a/src/html/menu/content/theme/radius.html b/src/html/menu/content/theme/radius.html new file mode 100644 index 00000000..f54cb288 --- /dev/null +++ b/src/html/menu/content/theme/radius.html @@ -0,0 +1,15 @@ +
+
+

Radius

+
+
+
+ +
+ + + +
+
+
+
diff --git a/src/html/menu/content/theme/saved.html b/src/html/menu/content/theme/saved.html new file mode 100644 index 00000000..6e5b7a03 --- /dev/null +++ b/src/html/menu/content/theme/saved.html @@ -0,0 +1,20 @@ +
+
+

Saved

+
+
+
+
+
+ +
+ + +
+
+
+
+

Saving a Theme will record the current Colour, Accent, Font, Style, Radius, Shadow and Shade.

+
+
+
diff --git a/src/html/menu/content/theme/shade.html b/src/html/menu/content/theme/shade.html new file mode 100644 index 00000000..c6c4e997 --- /dev/null +++ b/src/html/menu/content/theme/shade.html @@ -0,0 +1,18 @@ +
+
+

Shade

+
+
+
+ +
+ + + +
+
+
+

The shade appears behind Modals and the Menu.

+
+
+
diff --git a/src/html/menu/content/theme/shadow.html b/src/html/menu/content/theme/shadow.html new file mode 100644 index 00000000..68a7f236 --- /dev/null +++ b/src/html/menu/content/theme/shadow.html @@ -0,0 +1,15 @@ +
+
+

Shadow

+
+
+
+ +
+ + + +
+
+
+
diff --git a/src/html/menu/content/theme/style.html b/src/html/menu/content/theme/style.html new file mode 100644 index 00000000..a8568d6a --- /dev/null +++ b/src/html/menu/content/theme/style.html @@ -0,0 +1,21 @@ +
+
+

Style

+
+
+
+ + +
+
+ + +
+
+

Flip the colour shades defined by the primary Colour.

+
+
+

Accent Colour and Background Image may need to be changed to best fit the Theme Style.

+
+
+
diff --git a/src/html/menu/menu-content/background.html b/src/html/menu/menu-content/background.html deleted file mode 100644 index fc2c319e..00000000 --- a/src/html/menu/menu-content/background.html +++ /dev/null @@ -1,140 +0,0 @@ - diff --git a/src/html/menu/menu-content/bookmarks.html b/src/html/menu/menu-content/bookmarks.html deleted file mode 100644 index cbd1d3d7..00000000 --- a/src/html/menu/menu-content/bookmarks.html +++ /dev/null @@ -1,369 +0,0 @@ - diff --git a/src/html/menu/menu-content/coffee.html b/src/html/menu/menu-content/coffee.html deleted file mode 100644 index 98b3b0ba..00000000 --- a/src/html/menu/menu-content/coffee.html +++ /dev/null @@ -1,19 +0,0 @@ - diff --git a/src/html/menu/menu-content/data.html b/src/html/menu/menu-content/data.html deleted file mode 100644 index 008969ef..00000000 --- a/src/html/menu/menu-content/data.html +++ /dev/null @@ -1,50 +0,0 @@ - diff --git a/src/html/menu/menu-content/groups.html b/src/html/menu/menu-content/groups.html deleted file mode 100644 index 020e1252..00000000 --- a/src/html/menu/menu-content/groups.html +++ /dev/null @@ -1,124 +0,0 @@ - diff --git a/src/html/menu/menu-content/header.html b/src/html/menu/menu-content/header.html deleted file mode 100644 index bd562238..00000000 --- a/src/html/menu/menu-content/header.html +++ /dev/null @@ -1,868 +0,0 @@ - diff --git a/src/html/menu/menu-content/layout.html b/src/html/menu/menu-content/layout.html deleted file mode 100644 index 0ad14e9e..00000000 --- a/src/html/menu/menu-content/layout.html +++ /dev/null @@ -1,168 +0,0 @@ -
-
-
-

Global scaling

-
-
-
- -
- - - -
-
-
-

Resize all elements on the page.

-
-
-

Take care as some elements could scale up to outside the page.

-
-
-
-
-
-

Area

-
-
-
- -
- - - -
-
-
-
- -
-
-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
-
-
-

Effects may not be visible if the Layout Area is full width or if Bookmarks fill the page.

-
-
-
-
-
-

Area order

-
-
-
- - -
-
- - -
-
-

Only available when Bookmarks are shown.

-
-
-
-
-
-

Padding

-
-
-
- -
- - - -
-
-
-
-
-
-

Gutter

-
-
-
- -
- - - -
-
-
-
-
-
-

Page

-
-
-
- - -
-
-
- - -
-
-
- -
-
- - -
-
- - -
-
- - -
-
-

May not work in some browsers.

-
-
-
-
diff --git a/src/html/menu/menu-content/nightTab.html b/src/html/menu/menu-content/nightTab.html deleted file mode 100644 index 86004e5b..00000000 --- a/src/html/menu/menu-content/nightTab.html +++ /dev/null @@ -1,21 +0,0 @@ - diff --git a/src/html/menu/menu-content/theme.html b/src/html/menu/menu-content/theme.html deleted file mode 100644 index 2d1eb495..00000000 --- a/src/html/menu/menu-content/theme.html +++ /dev/null @@ -1,443 +0,0 @@ - diff --git a/src/html/menu/menu-nav.html b/src/html/menu/nav.html similarity index 89% rename from src/html/menu/menu-nav.html rename to src/html/menu/nav.html index 8f0f9f96..22eb298f 100644 --- a/src/html/menu/menu-nav.html +++ b/src/html/menu/nav.html @@ -2,9 +2,9 @@
- Global scaling + Scaling Area - Area order + Order Padding Gutter Page @@ -14,7 +14,7 @@
Area - Item order + Order Greeting Transitional words Clock @@ -32,8 +32,9 @@
Area - Names Order + Names + Open all Border
@@ -42,9 +43,12 @@
Area Bookmarks - Background colour - Border + Letter/Icon + Name + Alignment Style + Colour + Border Orientation Sort Accent override @@ -57,7 +61,7 @@ Saved Style Fonts - Colour + Colour Accent Radius Shadow diff --git a/src/js/control.js b/src/js/control.js index 6b8c42b2..25da2ed8 100644 --- a/src/js/control.js +++ b/src/js/control.js @@ -2878,6 +2878,20 @@ var control = (function() { func: function() { render.class(); } + }, { + element: ".control-group-order-headerbody", + path: "group.order", + type: "radio", + func: function() { + render.class(); + } + }, { + element: ".control-group-order-bodyheader", + path: "group.order", + type: "radio", + func: function() { + render.class(); + } }, { element: ".control-group-name-show", path: "group.name.show", @@ -3100,20 +3114,6 @@ var control = (function() { func: function() { link.groupAndItems(); } - }, { - element: ".control-group-order-headerbody", - path: "group.order", - type: "radio", - func: function() { - render.class(); - } - }, { - element: ".control-group-order-bodyheader", - path: "group.order", - type: "radio", - func: function() { - render.class(); - } }, { element: ".control-group-border-range", path: "group.border", @@ -3525,67 +3525,40 @@ var control = (function() { render.update.control.menu(); } }, { - element: ".control-link-item-display-alignment-topleft", - path: "link.item.display.alignment", - type: "radio", + element: ".control-link-item-url-show", + path: "link.item.url.show", + type: "checkbox", + func: function() { + render.class(); + render.dependents(); + } + }, { + element: ".control-link-item-line-show", + path: "link.item.line.show", + type: "checkbox", func: function() { render.class(); } }, { - element: ".control-link-item-display-alignment-topcenter", - path: "link.item.display.alignment", - type: "radio", + element: ".control-link-item-shadow-show", + path: "link.item.shadow.show", + type: "checkbox", func: function() { render.class(); } }, { - element: ".control-link-item-display-alignment-topright", - path: "link.item.display.alignment", - type: "radio", + element: ".control-link-item-hoverscale", + path: "link.item.hoverScale.show", + type: "checkbox", func: function() { render.class(); } }, { - element: ".control-link-item-display-alignment-centerleft", - path: "link.item.display.alignment", - type: "radio", + element: ".control-link-newtab", + path: "link.newTab", + type: "checkbox", func: function() { - render.class(); - } - }, { - element: ".control-link-item-display-alignment-centercenter", - path: "link.item.display.alignment", - type: "radio", - func: function() { - render.class(); - } - }, { - element: ".control-link-item-display-alignment-centerright", - path: "link.item.display.alignment", - type: "radio", - func: function() { - render.class(); - } - }, { - element: ".control-link-item-display-alignment-bottomleft", - path: "link.item.display.alignment", - type: "radio", - func: function() { - render.class(); - } - }, { - element: ".control-link-item-display-alignment-bottomcenter", - path: "link.item.display.alignment", - type: "radio", - func: function() { - render.class(); - } - }, { - element: ".control-link-item-display-alignment-bottomright", - path: "link.item.display.alignment", - type: "radio", - func: function() { - render.class(); + link.groupAndItems(); } }, { element: ".control-link-item-display-letcon-show", @@ -3744,6 +3717,69 @@ var control = (function() { render.update.control.header(); render.update.control.menu(); } + }, { + element: ".control-link-item-display-alignment-topleft", + path: "link.item.display.alignment", + type: "radio", + func: function() { + render.class(); + } + }, { + element: ".control-link-item-display-alignment-topcenter", + path: "link.item.display.alignment", + type: "radio", + func: function() { + render.class(); + } + }, { + element: ".control-link-item-display-alignment-topright", + path: "link.item.display.alignment", + type: "radio", + func: function() { + render.class(); + } + }, { + element: ".control-link-item-display-alignment-centerleft", + path: "link.item.display.alignment", + type: "radio", + func: function() { + render.class(); + } + }, { + element: ".control-link-item-display-alignment-centercenter", + path: "link.item.display.alignment", + type: "radio", + func: function() { + render.class(); + } + }, { + element: ".control-link-item-display-alignment-centerright", + path: "link.item.display.alignment", + type: "radio", + func: function() { + render.class(); + } + }, { + element: ".control-link-item-display-alignment-bottomleft", + path: "link.item.display.alignment", + type: "radio", + func: function() { + render.class(); + } + }, { + element: ".control-link-item-display-alignment-bottomcenter", + path: "link.item.display.alignment", + type: "radio", + func: function() { + render.class(); + } + }, { + element: ".control-link-item-display-alignment-bottomright", + path: "link.item.display.alignment", + type: "radio", + func: function() { + render.class(); + } }, { element: ".control-link-item-display-rotate-range", path: "link.item.display.rotate", @@ -3949,41 +3985,19 @@ var control = (function() { render.class(); } }, { - element: ".control-link-item-url-show", - path: "link.item.url.show", - type: "checkbox", - func: function() { - render.class(); - render.dependents(); - } - }, { - element: ".control-link-item-line-show", - path: "link.item.line.show", - type: "checkbox", + element: ".control-link-style-block", + path: "link.style", + type: "radio", func: function() { render.class(); } }, { - element: ".control-link-item-shadow-show", - path: "link.item.shadow.show", - type: "checkbox", + element: ".control-link-style-list", + path: "link.style", + type: "radio", func: function() { render.class(); } - }, { - element: ".control-link-item-hoverscale", - path: "link.item.hoverScale.show", - type: "checkbox", - func: function() { - render.class(); - } - }, { - element: ".control-link-newtab", - path: "link.newTab", - type: "checkbox", - func: function() { - link.groupAndItems(); - } }, { element: ".control-link-item-color-by-theme", path: "link.item.color.by", @@ -4070,20 +4084,6 @@ var control = (function() { render.update.control.header(); render.update.control.menu(); } - }, { - element: ".control-link-style-block", - path: "link.style", - type: "radio", - func: function() { - render.class(); - } - }, { - element: ".control-link-style-list", - path: "link.style", - type: "radio", - func: function() { - render.class(); - } }, { element: ".control-link-orientation-top", path: "link.orientation", diff --git a/src/js/version.js b/src/js/version.js index 69f5705a..b62cfd74 100644 --- a/src/js/version.js +++ b/src/js/version.js @@ -1,6 +1,6 @@ var version = (function() { - var current = "4.42.0"; + var current = "4.43.0"; var name = "Naughty Goose"; diff --git a/src/manifest.json b/src/manifest.json index 91895c81..dc105f71 100644 --- a/src/manifest.json +++ b/src/manifest.json @@ -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.42.0", + "version": "4.43.0", "manifest_version": 2, "chrome_url_overrides": { "newtab": "index.html"