Merge pull request #269 from Budibase/Removal-of-panel-border-lines

Removal of panel border lines
This commit is contained in:
Joe 2020-05-29 14:55:36 +01:00 committed by GitHub
commit c2fb282d04
4 changed files with 4 additions and 42 deletions

View File

@ -45,7 +45,6 @@
<DatabasesList />
</div>
</div>
<hr />
{#if $backendUiStore.selectedDatabase._id}
<div class="hierarchy">
<div class="components-list-container">

View File

@ -42,7 +42,6 @@
<div class="pages-list-container">
<div class="nav-header">
<span class="navigator-title">Navigator</span>
<div class="border-line" />
<span class="components-nav-page">Pages</span>
</div>
@ -52,12 +51,8 @@
</div>
</div>
<div class="border-line" />
<PageLayout layout={$store.pages[$store.currentPageName]} />
<div class="border-line" />
<div class="components-list-container">
<div class="nav-group-header">
<span class="components-nav-header" style="margin-top: 0;">
@ -114,20 +109,10 @@
.root {
display: grid;
grid-template-columns: 275px 1fr 300px;
grid-template-columns: 300px 1fr 300px;
height: 100%;
width: 100%;
background: #fafafa;
}
@media only screen and (min-width: 1800px) {
.root {
display: grid;
grid-template-columns: 300px 1fr 300px;
height: 100%;
width: 100%;
background: #fafafa;
}
background: #fbfbfb;
}
.ui-nav {

View File

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

View File

@ -63,12 +63,8 @@
</div>
</div>
<div class="border-line" />
<PageLayout layout={$store.pages[$store.currentPageName]} />
<div class="border-line" />
<div class="components-list-container">
<div class="nav-group-header">
<span class="components-nav-header" style="margin-top: 0;">
@ -126,20 +122,11 @@
.root {
display: grid;
grid-template-columns: 275px 1fr 275px;
grid-template-columns: 300px 1fr 300px;
width: 100%;
background: var(--grey-light);
}
@media only screen and (min-width: 1800px) {
.root {
display: grid;
grid-template-columns: 300px 1fr 300px;
width: 100%;
background: var(--grey-light);
}
}
.ui-nav {
grid-column: 1;
background-color: var(--white);