[design] improve menu form spacing

zombieFox · zombieFox · commit 1674a08dc8c4 · 2020-01-21T08:01:17.000Z
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
{
 "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.",
 "main": "index.js",
 "scripts":{
diff --git a/src/css/menu.css b/src/css/menu.css
@@ -64,7 +64,7 @@
 }
 
 .menu-content{
- padding: 0 1.5em;
+ padding: 0 calc(var(--menu-space) * 3);
 }
 
 .menu-content-area{
@@ -82,15 +82,15 @@
 }
 
 .menu-item-header{
- padding: 2em 0;
+ padding: calc(var(--menu-space) * 2) 0;
 }
 
 .menu-item-header-text{
 margin-bottom: 0;
 }
 
 .menu-item-form{
- padding: 0 0 2em 2em;
+ padding: 0 0 calc(var(--menu-space) * 3) calc(var(--menu-space) * 3);
 z-index: 1;
 }
 
@@ -147,7 +147,7 @@
 }
 
 .menu-content{
- padding: 0 3em;
+ padding: 0 calc(var(--menu-space) * 4);
 overflow-y: auto;
 }
 
@@ -160,7 +160,7 @@
 }
 
 .menu-item-header{
- padding: 2em 0;
+ padding: calc(var(--menu-space) * 1.75) 0;
 position: sticky;
 top: 0;
 z-index: 3;
@@ -172,7 +172,7 @@
 }
 
 .menu-item-form{
- padding: 2em 0;
+ padding: calc(var(--menu-space) * 2.5) 0;
 z-index: 2;
 }
 }
diff --git a/src/css/variables.css b/src/css/variables.css
@@ -214,6 +214,8 @@
 --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);
 --form-wrap-space: 0.75em;
+ /* menu */
+ --menu-space: 0.75em;
 /* button */
 --button-background: var(--theme-color-02);
 --button-background-focus-hover: var(--theme-color-03);
diff --git a/src/js/version.js b/src/js/version.js
@@ -1,6 +1,6 @@
 var version = (function(){
 
- var current = "4.27.0";
+ var current = "4.28.0";
 
 var name = "Naughty Goose";
 
diff --git 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.27.0",
+ "version": "4.28.0",
 "manifest_version": 2,
 "chrome_url_overrides":{
 "newtab": "index.html"

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "nightTab",`
`3`		`-"version": "4.27.0",`
	`3`	`+"version": "4.28.0",`
`4`	`4`	`"description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",`
`5`	`5`	`"main": "index.js",`
`6`	`6`	`"scripts":{`
Original file line number	Diff line number	Diff line change
`@@ -64,7 +64,7 @@`
`64`	`64`	`}`
`65`	`65`
`66`	`66`	`.menu-content{`
`67`		`-padding:01.5em;`
	`67`	`+padding:0calc(var(--menu-space) *3);`
`68`	`68`	`}`
`69`	`69`
`70`	`70`	`.menu-content-area{`
`@@ -82,15 +82,15 @@`
`82`	`82`	`}`
`83`	`83`
`84`	`84`	`.menu-item-header{`
`85`		`-padding:2em0;`
	`85`	`+padding:calc(var(--menu-space) *2)0;`
`86`	`86`	`}`
`87`	`87`
`88`	`88`	`.menu-item-header-text{`
`89`	`89`	`margin-bottom:0;`
`90`	`90`	`}`
`91`	`91`
`92`	`92`	`.menu-item-form{`
`93`		`-padding:002em2em;`
	`93`	`+padding:00calc(var(--menu-space) 3) calc(var(--menu-space) 3);`
`94`	`94`	`z-index:1;`
`95`	`95`	`}`
`96`	`96`
`@@ -147,7 +147,7 @@`
`147`	`147`	`}`
`148`	`148`
`149`	`149`	`.menu-content{`
`150`		`-padding:03em;`
	`150`	`+padding:0calc(var(--menu-space) *4);`
`151`	`151`	`overflow-y: auto;`
`152`	`152`	`}`
`153`	`153`
`@@ -160,7 +160,7 @@`
`160`	`160`	`}`
`161`	`161`
`162`	`162`	`.menu-item-header{`
`163`		`-padding:2em0;`
	`163`	`+padding:calc(var(--menu-space) *1.75)0;`
`164`	`164`	`position: sticky;`
`165`	`165`	`top:0;`
`166`	`166`	`z-index:3;`
`@@ -172,7 +172,7 @@`
`172`	`172`	`}`
`173`	`173`
`174`	`174`	`.menu-item-form{`
`175`		`-padding:2em0;`
	`175`	`+padding:calc(var(--menu-space) *2.5)0;`
`176`	`176`	`z-index:2;`
`177`	`177`	`}`
`178`	`178`	`}`
-Original file line number
+Diff line change
 --form-ring-accent:000var(--layout-line-width) rgb(var(--theme-accent)),
 calc(var(--layout-line-width) *2) rgba(var(--theme-accent),0.25);
 --form-wrap-space:0.75em;
 +/* menu */
 +--menu-space:0.75em;
 /* button */
 --button-background:var(--theme-color-02);
 --button-background-focus-hover:var(--theme-color-03);
-Original file line number
+Diff line change
@@ @@ -1,6 +1,6 @@ @@
 varversion=(function(){
 -varcurrent="4.27.0";
 +varcurrent="4.28.0";
 varname="Naughty Goose";