MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update top nav border style

This commit is contained in:
Andrew Kingston 2020-10-22 15:11:46 +01:00
parent 7d9df412d1
commit db0b6bf64b
1 changed files with 32 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
packages/builder/src/pages/[application]/_reset.svelte
View File

@ -30,10 +30,10 @@
// e.g. if one of your screens is selected on front end, then // e.g. if one of your screens is selected on front end, then
// you browse to backend, when you click frontend, you will be // you browse to backend, when you click frontend, you will be
// brought back to the same screen // brought back to the same screen
const topItemNavigate = path => () => { const topItemNavigate = (path) => () => {
const activeTopNav = $layout.children.find(c => $isActive(c.path)) const activeTopNav = $layout.children.find((c) => $isActive(c.path))
if (!activeTopNav) return if (!activeTopNav) return
store.update(state => { store.update((state) => {
if (!state.previousTopNavPath) state.previousTopNavPath = {} if (!state.previousTopNavPath) state.previousTopNavPath = {}
state.previousTopNavPath[ state.previousTopNavPath[
activeTopNav.path activeTopNav.path
@ -66,22 +66,26 @@
</div> </div>
<div class="toprightnav"> <div class="toprightnav">
<SettingsLink /> <SettingsLink />
<span <div class="topnavitemright">
class:active={false} <a target="_blank" href="https://docs.budibase.com">
class="topnavitemright" <i class="ri-question-line" />
</a>
</div>
<div class="topnavitemright">
<a
target="_blank"
href="https://github.com/Budibase/budibase/discussions">
<i class="ri-discuss-line" />
</a>
</div>
<Button
secondary
on:click={() => { on:click={() => {
document.cookie = 'budibase:token=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;' document.cookie = 'budibase:token=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'
window.open(`/${application}`) window.open(`/${application}`)
}}> }}>
<PreviewIcon /> Preview
</span> </Button>
<span class="topnavitemright">
<a
target="_blank"
href="https://github.com/Budibase/budibase/discussions">
<i class="ri-question-fill help" />
</a>
</span>
</div> </div>
</div> </div>
<div class="beta"> <div class="beta">
@ -120,7 +124,7 @@
flex: 0 0 auto; flex: 0 0 auto;
height: 60px; height: 60px;
background: #fff; background: #fff;
padding: 0px 20px 0 20px; padding: 0 20px;
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
justify-content: space-between; justify-content: space-between;
@ -166,20 +170,19 @@
font-weight: 500; font-weight: 500;
} }
.topnavitemright { .topnavitemright a {
cursor: pointer; cursor: pointer;
color: var(--grey-7); color: var(--grey-7);
margin: 0 20px 0 0; margin: 0 12px 0 0;
font-weight: 500;
font-size: 1rem;
height: 100%;
display: flex; display: flex;
flex: 1; flex-direction: row;
justify-content: center;
align-items: center; align-items: center;
box-sizing: border-box; height: 24px;
width: 24px;
} }
.topnavitemright:hover { .topnavitemright a:hover {
color: var(--ink); color: var(--ink);
font-weight: 500; font-weight: 500;
} }
@ -205,10 +208,13 @@
text-transform: capitalize; text-transform: capitalize;
} }
.help { i {
font-size: 24px; font-size: 18px;
color: var(--grey-7); color: var(--grey-7);
} }
i:hover {
color: var(--ink);
}
.beta { .beta {
position: absolute; position: absolute;