mirror of
https://github.com/documize/community.git
synced 2025-07-24 15:49:44 +02:00
Rename layout zones
This commit is contained in:
Harvey Kandola
parent
eb7ebf391d
commit
31580d883c
13 changed files with 71 additions and 38 deletions
|
|
@ -9,10 +9,11 @@
|
|||
//
|
||||
// https://documize.com
|
||||
|
||||
// import $ from 'jquery';
|
||||
import { inject as service } from '@ember/service';
|
||||
import Component from '@ember/component';
|
||||
|
||||
export default Component.extend({
|
||||
classNames: ['layout-footer'],
|
||||
tagName: 'footer'
|
||||
tagName: 'footer',
|
||||
appMeta: service()
|
||||
});
|
||||
|
|
|
|||
18
gui/app/components/layout/middle-zone.js
Normal file
18
gui/app/components/layout/middle-zone.js
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
||||
//
|
||||
// This software (Documize Community Edition) is licensed under
|
||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
||||
//
|
||||
// You can operate outside the AGPL restrictions by purchasing
|
||||
// Documize Enterprise Edition and obtaining a commercial license
|
||||
// by contacting <sales@documize.com>.
|
||||
//
|
||||
// https://documize.com
|
||||
|
||||
// import $ from 'jquery';
|
||||
import Component from '@ember/component';
|
||||
|
||||
export default Component.extend({
|
||||
classNames: ['layout-body'],
|
||||
tagName: 'main'
|
||||
});
|
||||
|
|
@ -7,8 +7,8 @@
|
|||
</li>
|
||||
{{/layout/top-bar}}
|
||||
|
||||
<main class="layout-body">
|
||||
{{#layout/content-area}}
|
||||
{{#layout/middle-zone}}
|
||||
{{#layout/middle-zone-content}}
|
||||
<h1>How to install this</h1>
|
||||
<p>
|
||||
Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
|
||||
|
|
@ -40,21 +40,22 @@
|
|||
<p>
|
||||
Podcasting operational change management inside of workflows to establish a framework. Taking seamless key performance indicators offline to maximise the long tail. Keeping your eye on the ball while performing a deep dive on the start-up mentality to derive convergence on cross-platform integration.
|
||||
</p>
|
||||
{{/layout/content-area}}
|
||||
{{/layout/middle-zone-content}}
|
||||
|
||||
{{#layout/side-bar}}
|
||||
<h1>Hello Sidebar</h1>
|
||||
<p>Something</p>
|
||||
<p>Something</p>
|
||||
<p>Something</p>
|
||||
<p>Something</p>
|
||||
<p>Something</p>
|
||||
<p>Something</p>
|
||||
<p>Something</p>
|
||||
<p>Something</p>
|
||||
{{/layout/side-bar}}
|
||||
</main>
|
||||
{{#layout/middle-zone-sidebar}}
|
||||
<div id="sidebar" class="sidebar sidebar-white">
|
||||
<h1>Hello Sidebar</h1>
|
||||
<p>Something</p>
|
||||
<p>Something</p>
|
||||
<p>Something</p>
|
||||
<p>Something</p>
|
||||
<p>Something</p>
|
||||
<p>Something</p>
|
||||
<p>Something</p>
|
||||
<p>Something</p>
|
||||
</div>
|
||||
{{/layout/middle-zone-sidebar}}
|
||||
{{/layout/middle-zone}}
|
||||
|
||||
{{#layout/bottom-bar}}
|
||||
Hello
|
||||
{{/layout/bottom-bar}}
|
||||
|
|
@ -18,6 +18,7 @@ $color-link: #348A37;
|
|||
// theme purple
|
||||
$color-primary: #280A42;
|
||||
$color-primary-light: #F7F2FF;
|
||||
$color-link: #348A37;
|
||||
|
||||
// black, white
|
||||
$color-black: #000000;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,20 @@
|
|||
.footer {
|
||||
footer {
|
||||
background-color: $color-off-white;
|
||||
background-color: $color-primary-light;
|
||||
// border-top: 1px solid $color-gray-light2;
|
||||
color: $color-gray;
|
||||
color: $color-dark;
|
||||
font-weight: 500;
|
||||
font-size: 0.9rem;
|
||||
padding: 10px 2rem;
|
||||
}
|
||||
|
||||
.footer {
|
||||
a, a:visited {
|
||||
@include ease-in();
|
||||
color: $color-primary;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,7 @@
|
|||
.sidebar {
|
||||
padding: 2rem;
|
||||
background-color: $color-white;
|
||||
// border: 1px solid $color-border;
|
||||
// @include border-radius(4px);
|
||||
|
||||
// @include border-radius(4px);
|
||||
// border: 1px solid $color-gray-light2;
|
||||
// padding: 1rem;
|
||||
// // padding: 30px 20px;
|
||||
// height: calc(100vh - 145px);
|
||||
// width: 350px;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.sidebar-white {
|
||||
background-color: $color-white;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,12 @@
|
|||
<div class="footer">
|
||||
{{yield}}
|
||||
<div class="row no-gutters">
|
||||
<div class="col">
|
||||
<div class="d-flex justify-content-start">
|
||||
{{yield}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="footer d-flex justify-content-end">
|
||||
<a href="https://documize.com?ref=af">Documize {{appMeta.version}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,2 +1 @@
|
|||
{{yield}}
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
{{yield}}
|
||||
1
gui/app/templates/components/layout/middle-zone.hbs
Normal file
1
gui/app/templates/components/layout/middle-zone.hbs
Normal file
|
|
@ -0,0 +1 @@
|
|||
{{yield}}
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
<div id="sidebar" class="sidebar">
|
||||
{{yield}}
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue