CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-04 05:50:57 +12:00
Code Issues Projects Releases Wiki Activity

navigator panel touch ups

Browse source 
the current navigator panel design contains the wrong colors, padding, etc. This resolves that.
This commit is contained in:
Joe 2020-03-19 09:34:23 +00:00
parent 7b2275b926
commit 217906c7df
4 changed files with 25 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/builder/src/budibase.css
View file

@ -59,7 +59,7 @@
cursor: pointer;
padding: 0 7px 0 3px;
height: 35px;
margin: 5px 0;
margin: 5px 20px 5px 0px;
border-radius: 0 5px 5px 0;
display: flex;
align-items: center;

2
packages/builder/src/userInterface/ComponentsPaneSwitcher.svelte
View file

@ -71,7 +71,7 @@
margin: 0;
padding: 0;
cursor: pointer;
font-size: 0.85rem;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
color: var(--secondary60);

1
packages/builder/src/userInterface/PropControl.svelte
View file

@ -34,6 +34,7 @@
grid-template-rows: 1fr;
grid-template-columns: 70px 1fr;
grid-gap: 10px;
align-items: baseline;
}
h5 {

38
packages/builder/src/userInterface/UserInterfaceRoot.svelte
View file

@ -43,7 +43,9 @@
<div class="pages-list-container">
<div class="nav-header">
<span class="navigator-title">Navigator</span>
<span class="components-nav-header">Pages</span>
<div class="border-line" />
<span class="components-nav-page">Pages</span>
</div>
<div class="nav-items-container">
@ -152,25 +154,29 @@
overflow-y: hidden;
}
.components-nav-header {
.components-nav-page {
font-size: 12px;
color: #000333;
text-transform: uppercase;
margin-top: 1rem;
padding-left: 20px;
margin-top: 20px;
font-weight: 700;
opacity: 0.6;
}
.nav-group-header {
font-size: 0.9rem;
padding-left: 1rem;
.components-nav-header {
font-size: 12px;
color: #000333;
text-transform: uppercase;
margin-top: 20px;
font-weight: 700;
opacity: 0.6;
}
.nav-header {
display: flex;
flex-direction: column;
margin-top: 1.5rem;
padding: 0 1.8rem;
margin-top: 20px;
}
.nav-items-container {
@ -179,7 +185,7 @@
.nav-group-header {
display: flex;
padding: 1.5rem 0 0 1.8rem;
padding: 0px 20px 0px 20px;
font-size: 0.9rem;
font-weight: bold;
justify-content: space-between;
@ -212,20 +218,20 @@
}
.navigator-title {
font-size: 14px;
color: var(--secondary100);
font-weight: 500;
text-transform: uppercase;
font-weight: 400;
color: #999;
font-size: 0.9rem;
padding: 0 20px 20px 20px;
line-height: 1rem !important;
}
.border-line {
border-bottom: 1px solid #ddd;
margin-top: 1.5rem;
width: calc(100% + 1.5rem);
border-bottom: 1px solid #d8d8d8;
}
.components-list-container {
overflow: auto;
padding: 0 30px 0 0;
padding: 20px 0px 0 0;
}
</style>