minor styling changes to schema nav bar

background color changed to white
title font changed to reflect mockups
spacing updated
This commit is contained in:
Joe 2020-04-02 11:41:21 +01:00
parent 232331766e
commit 2ff2d962a2
4 changed files with 12 additions and 7 deletions

View File

@ -43,7 +43,7 @@
.nav { .nav {
overflow: auto; overflow: auto;
flex: 0 1 auto; flex: 0 1 auto;
width: 300px; width: 275px;
height: 100%; height: 100%;
} }
</style> </style>

View File

@ -62,9 +62,9 @@
margin: 5px 20px 5px 0px; margin: 5px 20px 5px 0px;
border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;
display: flex; display: flex;
align-items: center; align-items: baseline;
font-weight: 500; font-weight: 500;
font-size: 0.8em; font-size: 12px;
} }
.budibase__nav-item.selected { .budibase__nav-item.selected {

View File

@ -52,8 +52,9 @@
<style> <style>
.hierarchy-item { .hierarchy-item {
font-size: 14px; font-size: 12px;
font-weight: 400; font-weight: 400;
margin-bottom: 10px;
} }
.capitalized { .capitalized {

View File

@ -55,20 +55,24 @@
flex-direction: column; flex-direction: column;
max-height: 100%; max-height: 100%;
height: 100%; height: 100%;
background-color: var(--secondary5); background-color: var(--white);
} }
.nav-group-header { .nav-group-header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 2rem 1rem 1rem 1rem; padding: 20px 20px 10px 20px;
} }
.hierarchy-title { .hierarchy-title {
align-items: center; align-items: center;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.85em; font-size: 12px;
font-weight: bold;
opacity: 0.6;
letter-spacing: 1px;
text-rendering: optimizeLegibility;
} }
.hierarchy { .hierarchy {