extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-06-26 12:31:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

[design] improve menu form spacing

Browse Source
This commit is contained in:
zombieFox 2020-01-21 08:01:17 +00:00
parent 3db5bbaa19
commit 1674a08dc8
6 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package-lock.json generated
View File

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

2
package.json
View File

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

12
src/css/menu.css
View File

@ -64,7 +64,7 @@
} }
.menu-content { .menu-content {
padding: 0 1.5em; padding: 0 calc(var(--menu-space) * 3);
} }
.menu-content-area { .menu-content-area {
@ -82,7 +82,7 @@
} }
.menu-item-header { .menu-item-header {
padding: 2em 0; padding: calc(var(--menu-space) * 2) 0;
} }
.menu-item-header-text { .menu-item-header-text {
@ -90,7 +90,7 @@
} }
.menu-item-form { .menu-item-form {
padding: 0 0 2em 2em; padding: 0 0 calc(var(--menu-space) * 3) calc(var(--menu-space) * 3);
z-index: 1; z-index: 1;
} }
@ -147,7 +147,7 @@
} }
.menu-content { .menu-content {
padding: 0 3em; padding: 0 calc(var(--menu-space) * 4);
overflow-y: auto; overflow-y: auto;
} }
@ -160,7 +160,7 @@
} }
.menu-item-header { .menu-item-header {
padding: 2em 0; padding: calc(var(--menu-space) * 1.75) 0;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 3; z-index: 3;
@ -172,7 +172,7 @@
} }
.menu-item-form { .menu-item-form {
padding: 2em 0; padding: calc(var(--menu-space) * 2.5) 0;
z-index: 2; z-index: 2;
} }
} }

2
src/css/variables.css
View File

@ -214,6 +214,8 @@
--form-ring-accent: 0 0 0 var(--layout-line-width) rgb(var(--theme-accent)), --form-ring-accent: 0 0 0 var(--layout-line-width) rgb(var(--theme-accent)),
0 0 0 calc(var(--layout-line-width) * 2) rgba(var(--theme-accent), 0.25); 0 0 0 calc(var(--layout-line-width) * 2) rgba(var(--theme-accent), 0.25);
--form-wrap-space: 0.75em; --form-wrap-space: 0.75em;
/* menu */
--menu-space: 0.75em;
/* button */ /* button */
--button-background: var(--theme-color-02); --button-background: var(--theme-color-02);
--button-background-focus-hover: var(--theme-color-03); --button-background-focus-hover: var(--theme-color-03);

2
src/js/version.js
View File

@ -1,6 +1,6 @@
var version = (function() { var version = (function() {
var current = "4.27.0"; var current = "4.28.0";
var name = "Naughty Goose"; var name = "Naughty Goose";

2
src/manifest.json
View File

@ -2,7 +2,7 @@
"name": "nightTab", "name": "nightTab",
"short_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.", "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
"version": "4.27.0", "version": "4.28.0",
"manifest_version": 2, "manifest_version": 2,
"chrome_url_overrides": { "chrome_url_overrides": {
"newtab": "index.html" "newtab": "index.html"