CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-28 01:25:57 +12:00
Code Issues Projects Releases Wiki Activity

Panel titles updated

Browse source 
Panel titles updated to represent designs
Further work is required to use global styles to control this
This commit is contained in:
Joe 2020-05-23 13:00:38 +01:00
parent 605451390a
commit e20b65c13b
6 changed files with 30 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/builder/src/components/nav/BackendNav.svelte
View file

@ -81,12 +81,10 @@
.hierarchy-title { .hierarchy-title {
align-items: center; align-items: center;
text-transform: uppercase; font-size: 18px;
font-size: 13px; font-weight: 700;
font-weight: bold;
opacity: 0.6;
letter-spacing: 1px;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
color: var(--ink);
} }
.hierarchy { .hierarchy {

8
packages/builder/src/components/nav/SchemaManagementDrawer.svelte
View file

@ -125,12 +125,10 @@
.hierarchy-title { .hierarchy-title {
align-items: center; align-items: center;
text-transform: uppercase; font-size: 18px;
font-size: 13px; font-weight: 700;
font-weight: bold;
opacity: 0.6;
letter-spacing: 1px;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
color: var(--ink);
} }
.hierarchy { .hierarchy {

18
packages/builder/src/components/userInterface/ComponentsPaneSwitcher.svelte
View file

@ -24,7 +24,7 @@
<button <button
class:selected={selected === COMPONENT_SELECTION_TAB} class:selected={selected === COMPONENT_SELECTION_TAB}
on:click={() => selectTab(COMPONENT_SELECTION_TAB)}> on:click={() => selectTab(COMPONENT_SELECTION_TAB)}>
Components Add
</button> </button>
<button <button
@ -59,28 +59,22 @@
.switcher { .switcher {
display: flex; display: flex;
justify-content: space-between; margin: 0px 20px 20px 20px;
margin: 20px;
} }
.switcher > button { .switcher > button {
text-rendering: optimizeLegibility;
display: inline-block; display: inline-block;
border: none; border: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 18px;
text-transform: uppercase; font-weight: 700;
background: rgba(0, 0, 0, 0); color: var(--ink-lighter);
font-weight: 500;
color: var(--secondary40);
margin-right: 20px; margin-right: 20px;
letter-spacing: 1px;
} }
.switcher > .selected { .switcher > .selected {
color: var(--secondary100); color: var(--ink);
font-weight: 600;
} }
</style> </style>

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

@ -110,7 +110,7 @@ h3 {
h4 { h4 {
font-family: var(--fontbold); font-family: var(--fontbold);
font-size: 18pt; font-size: 18pt;
color: var(--secondary100); color: var(--ink);
} }
h5 { h5 {

9
packages/builder/src/pages/[application]/backend/_layout.svelte
View file

@ -37,4 +37,13 @@
width: 275px; width: 275px;
height: 100%; height: 100%;
} }
@media only screen and (min-width: 1800px) {
.nav {
overflow: auto;
flex: 0 1 auto;
width: 300px;
height: 100%;
}
}
</style> </style>

24
packages/builder/src/pages/[application]/frontend/_layout.svelte
View file

@ -54,9 +54,7 @@
<div class="pages-list-container"> <div class="pages-list-container">
<div class="nav-header"> <div class="nav-header">
<span class="navigator-title">Navigator</span> <span class="navigator-title">Navigate</span>
<div class="border-line" />
<span class="components-nav-page">Pages</span> <span class="components-nav-page">Pages</span>
</div> </div>
@ -131,7 +129,7 @@
grid-template-columns: 275px 1fr 275px; grid-template-columns: 275px 1fr 275px;
height: 100%; height: 100%;
width: 100%; width: 100%;
background: #fafafa; background: var(--grey-light);
} }
@media only screen and (min-width: 1800px) { @media only screen and (min-width: 1800px) {
@ -140,7 +138,7 @@
grid-template-columns: 300px 1fr 300px; grid-template-columns: 300px 1fr 300px;
height: 100%; height: 100%;
width: 100%; width: 100%;
background: #fafafa; background: var(--grey-light);
} }
} }
@ -159,7 +157,6 @@
margin: 40px; margin: 40px;
background: #fff; background: #fff;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 0px 6px rgba(0, 0, 0, 0.05);
} }
.components-pane { .components-pane {
@ -171,8 +168,7 @@
.components-nav-page { .components-nav-page {
font-size: 13px; font-size: 13px;
color: #000333; color: var(--ink);
text-transform: uppercase;
padding-left: 20px; padding-left: 20px;
margin-top: 20px; margin-top: 20px;
font-weight: 600; font-weight: 600;
@ -182,8 +178,7 @@
.components-nav-header { .components-nav-header {
font-size: 13px; font-size: 13px;
color: #000333; color: var(--ink);
text-transform: uppercase;
margin-top: 20px; margin-top: 20px;
font-weight: 600; font-weight: 600;
opacity: 0.4; opacity: 0.4;
@ -235,13 +230,10 @@
} }
.navigator-title { .navigator-title {
font-size: 14px; font-size: 18px;
color: var(--secondary100); color: var(--ink);
font-weight: 600; font-weight: bold;
text-transform: uppercase;
padding: 0 20px 20px 20px; padding: 0 20px 20px 20px;
line-height: 1rem !important;
letter-spacing: 1px;
} }
.border-line { .border-line {