[design] improve menu nav and close spacing when radius is increased

This commit is contained in:
zombieFox 2020-04-22 17:30:47 +01:00
parent aaf693a1ad
commit 494f1fc70b
5 changed files with 10 additions and 11 deletions

2
package-lock.json generated
View File

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

View File

@ -1,6 +1,6 @@
{ {
"name": "nightTab", "name": "nightTab",
"version": "5.18.1", "version": "5.19.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": {

View File

@ -81,11 +81,6 @@
line-height: 1; line-height: 1;
} }
.menu-close-tab:after {
background-color: transparent;
border-radius: 0;
}
.menu-subnav { .menu-subnav {
display: none; display: none;
} }
@ -209,7 +204,7 @@
} }
.menu-nav-tab { .menu-nav-tab {
padding-left: calc(var(--menu-space) * 2); padding-left: calc(calc(var(--menu-space) * 2) + calc(var(--theme-radius) / 3));
padding-right: calc(var(--menu-space) * 2); padding-right: calc(var(--menu-space) * 2);
height: calc(var(--menu-space) * 4); height: calc(var(--menu-space) * 4);
justify-content: flex-start; justify-content: flex-start;
@ -238,7 +233,7 @@
margin: 0; margin: 0;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
padding-left: calc(var(--menu-space) * 5); padding-left: calc(calc(var(--menu-space) * 4) + calc(var(--theme-radius) / 3));
border-radius: 0; border-radius: 0;
height: 3em; height: 3em;
min-height: 3em; min-height: 3em;
@ -263,8 +258,12 @@
} }
.menu-close-tab { .menu-close-tab {
border-radius: var(--theme-radius);
height: calc(var(--menu-space) * 4); height: calc(var(--menu-space) * 4);
width: calc(var(--menu-space) * 4); width: calc(var(--menu-space) * 4);
position: relative;
top: calc(var(--theme-radius) / 6);
right: calc(var(--theme-radius) / 6);
} }
.menu-item-form { .menu-item-form {

View File

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

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": "5.18.1", "version": "5.19.0",
"manifest_version": 2, "manifest_version": 2,
"chrome_url_overrides": { "chrome_url_overrides": {
"newtab": "index.html" "newtab": "index.html"