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

[design] improve menu spacing

Browse Source
This commit is contained in:
zombieFox 2020-02-19 16:51:37 +00:00
parent 9cf3de936e
commit 7739d9ca18
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/css/menu.css
View File

@ -28,7 +28,7 @@
max-height: 100%; max-height: 100%;
display: grid; display: grid;
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
grid-template-columns: 1fr auto; grid-template-columns: 1fr calc(var(--menu-space) * 5);
justify-items: stretch; justify-items: stretch;
align-items: stretch; align-items: stretch;
overflow-y: auto; overflow-y: auto;
@ -61,7 +61,7 @@
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
border-radius: 0; border-radius: 0;
height: 3.25em; height: calc(var(--menu-space) * 5);
width: 100%; width: 100%;
line-height: 1; line-height: 1;
} }
@ -76,8 +76,8 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
border-radius: 0; border-radius: 0;
height: 3.25em; height: calc(var(--menu-space) * 5);
width: 3.25em; width: calc(var(--menu-space) * 5);
line-height: 1; line-height: 1;
} }
@ -125,7 +125,7 @@
} }
.menu-item-header { .menu-item-header {
margin-bottom: calc(var(--menu-space) * 1); margin-bottom: var(--menu-space);
} }
.menu-item-header-text { .menu-item-header-text {
@ -192,7 +192,7 @@
} }
.menu-content-item { .menu-content-item {
padding: calc(var(--menu-space) * 2) calc(var(--menu-space) * 3); padding: calc(var(--menu-space) * 2) calc(var(--menu-space) * 4);
} }
.menu-content-overscroll .menu-content-item:last-child { .menu-content-overscroll .menu-content-item:last-child {
@ -211,6 +211,7 @@
.menu-nav-tab { .menu-nav-tab {
padding-left: calc(var(--menu-space) * 2); padding-left: calc(var(--menu-space) * 2);
padding-right: calc(var(--menu-space) * 2); padding-right: calc(var(--menu-space) * 2);
height: calc(var(--menu-space) * 4);
justify-content: flex-start; justify-content: flex-start;
} }
@ -272,7 +273,7 @@
} }
.menu-content-item { .menu-content-item {
padding: calc(var(--menu-space) * 3) calc(var(--menu-space) * 4); padding: calc(var(--menu-space) * 3) calc(var(--menu-space) * 5);
} }
.menu-close-tab { .menu-close-tab {