extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-01-08 15:09:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

[design] improve menu nav spacing

Browse Source
This commit is contained in:
zombieFox 2020-02-18 23:03:52 +00:00
parent c4493ae4b9
commit f1db06b5dc
1 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/css/menu.css
View File

@ -110,14 +110,15 @@
} }
.menu-content { .menu-content {
padding: 0 calc(var(--menu-space) * 3); padding-left: calc(var(--menu-space) * 3);
padding-right: calc(var(--menu-space) * 3);
grid-column-start: 1; grid-column-start: 1;
grid-column-end: 3; grid-column-end: 3;
} }
.menu-content-item { .menu-content-item {
padding-top: calc(var(--menu-space) * 2); padding-top: calc(var(--menu-space) * 3);
padding-bottom: calc(var(--menu-space) * 2); padding-bottom: calc(var(--menu-space) * 3);
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
@ -127,7 +128,7 @@
} }
.menu-item-header { .menu-item-header {
margin-bottom: calc(var(--menu-space) * 2); margin-bottom: calc(var(--menu-space) * 3);
} }
.menu-item-header-text { .menu-item-header-text {
@ -135,7 +136,7 @@
} }
.menu-item-form { .menu-item-form {
margin: 0 0 calc(var(--menu-space) * 2) calc(var(--menu-space) * 2); margin: 0 0 calc(var(--menu-space) * 3) calc(var(--menu-space) * 3);
z-index: 1; z-index: 1;
} }
@ -182,7 +183,8 @@
} }
.menu-content { .menu-content {
padding: 0 calc(var(--menu-space) * 4); padding-left: calc(var(--menu-space) * 4);
padding-right: calc(var(--menu-space) * 4);
grid-column-start: 2; grid-column-start: 2;
grid-column-end: 4; grid-column-end: 4;
grid-row-start: 1; grid-row-start: 1;
@ -196,7 +198,8 @@
} }
.menu-content-item { .menu-content-item {
padding: calc(var(--menu-space) * 4) 0; padding-top: calc(var(--menu-space) * 4);
padding-bottom: calc(var(--menu-space) * 4);
} }
.menu-nav-item { .menu-nav-item {
@ -268,11 +271,13 @@
} }
.menu-content { .menu-content {
padding: 0 calc(var(--menu-space) * 5); padding-left: calc(var(--menu-space) * 5);
padding-right: calc(var(--menu-space) * 5);
} }
.menu-content-item { .menu-content-item {
padding: calc(var(--menu-space) * 5) 0; padding-top: calc(var(--menu-space) * 5);
padding-bottom: calc(var(--menu-space) * 5);
} }
.menu-close-tab { .menu-close-tab {