-{{#layout/master-content}}
- {{#if (eq tab "general")}}
- {{document/settings-general
- space=model.folder
- document=model.document
- permissions=model.permissions
- onSaveDocument=(action "onSaveDocument")}}
- {{/if}}
+
diff --git a/gui/app/pods/folder/block/template.hbs b/gui/app/pods/folder/block/template.hbs
index a364840d..ba520661 100644
--- a/gui/app/pods/folder/block/template.hbs
+++ b/gui/app/pods/folder/block/template.hbs
@@ -1,18 +1,29 @@
-{{#layout/master-sidebar}}
-
+
+
+
{{#link-to "folder.settings"}}
- {{ui/ui-button color=constants.Color.Yellow light=true icon=constants.Icon.ArrowLeft label="Space Settings"}}
+ {{ui/ui-button color=constants.Color.Gray outline=true uppercase=false icon=constants.Icon.ArrowLeft label=model.folder.name}}
{{/link-to}}
-{{/layout/master-sidebar}}
+
-{{#layout/master-content}}
- {{layout/logo-heading
- title="Content Blocks"
- desc="Content blocks provide re-usable content that can be inserted into any document"
- icon=constants.Icon.Integrations}}
+
+
+
+
- {{document/block-editor document=model.document folder=model.folder block=model.block
- onCancel=(action "onCancel") onAction=(action "onAction")}}
-{{/layout/master-content}}
+
+ {{layout/logo-heading
+ title="Content Blocks"
+ desc="Content blocks provide re-usable content that can be inserted into any document"
+ icon=constants.Icon.Integrations}}
+
+ {{document/block-editor document=model.document folder=model.folder block=model.block
+ onCancel=(action "onCancel") onAction=(action "onAction")}}
+
+
diff --git a/gui/app/pods/folder/index/template.hbs b/gui/app/pods/folder/index/template.hbs
index 4ff81db2..8fad8fd4 100644
--- a/gui/app/pods/folder/index/template.hbs
+++ b/gui/app/pods/folder/index/template.hbs
@@ -3,6 +3,15 @@
+ {{folder/space-toolbar
+ spaces=model.folders
+ space=model.folder
+ permissions=model.permissions
+ templates=model.templates
+ category=category
+ categories=model.categories
+ documents=filteredDocs
+ onRefresh=(action "onRefresh")}}
@@ -26,76 +35,28 @@
onFiltered=(action "onFiltered")
onRefresh=(action "onRefresh")}}
-
-
-
-
- {{layout/logo-heading
- title="Product News"
- desc="Latest product news and updates"
- icon=constants.Icon.Announce}}
+ {{#if (eq model.folder.labelId "")}}
+ Unclassified
+ {{else}}
+ {{model.label.name}}
+ {{/if}}
-
+ {{layout/logo-heading
+ title=model.folder.name
+ desc=model.folder.desc
+ meta=model.folder.icon}}
+
+ {{folder/documents-list
+ documents=filteredDocs
+ spaces=model.folders
+ space=model.folder
+ templates=model.templates
+ permissions=model.permissions
+ sortBy=sortBy
+ onFiltered=(action "onFiltered")
+ onExportDocument=(action "onExportDocument")
+ onDeleteDocument=(action "onDeleteDocument")
+ onMoveDocument=(action "onMoveDocument")}}
-
-
-
-
-
-
-{{#layout/master-content}}
-
-
- {{#if (eq model.folder.labelId "")}}
-
Unclassified
- {{else}}
-
{{model.label.name}}
- {{/if}}
- {{layout/logo-heading
- title=model.folder.name
- desc=model.folder.desc
- meta=model.folder.icon}}
-
-
- {{folder/space-toolbar
- spaces=model.folders
- space=model.folder
- permissions=model.permissions
- templates=model.templates
- category=category
- categories=model.categories
- documents=filteredDocs
- onRefresh=(action "onRefresh")}}
-
-
-
- {{folder/documents-list
- documents=filteredDocs
- spaces=model.folders
- space=model.folder
- templates=model.templates
- permissions=model.permissions
- sortBy=sortBy
- onFiltered=(action "onFiltered")
- onExportDocument=(action "onExportDocument")
- onDeleteDocument=(action "onDeleteDocument")
- onMoveDocument=(action "onMoveDocument")}}
-{{/layout/master-content}}
diff --git a/gui/app/pods/folder/settings/template.hbs b/gui/app/pods/folder/settings/template.hbs
index 7c29aa01..8e886027 100644
--- a/gui/app/pods/folder/settings/template.hbs
+++ b/gui/app/pods/folder/settings/template.hbs
@@ -1,75 +1,80 @@
-{{#layout/master-sidebar}}
-
-
-
+
+
+
{{#link-to "folder.index"}}
- {{ui/ui-button color=constants.Color.Yellow light=true icon=constants.Icon.ArrowLeft label="Space"}}
+ {{ui/ui-button color=constants.Color.Gray outline=true uppercase=false icon=constants.Icon.ArrowLeft label=model.folder.name}}
{{/link-to}}
-
-
-
-
space management
-
-
-
-
-
- {{#if (eq appMeta.edition constants.Product.EnterpriseEdition)}}
-
- {{/if}}
- {{#if model.permissions.spaceOwner}}
-
- {{/if}}
-
-{{/layout/master-sidebar}}
+
-{{#layout/master-content}}
- {{#if (eq tab "general")}}
- {{folder/settings-general permissions=model.permissions space=model.folder labels=model.labels}}
- {{/if}}
+
+
+
+
- {{#if (eq tab "permissions")}}
- {{folder/settings-permissions permissions=model.permissions folders=model.folders folder=model.folder onRefresh=(action "onRefresh")}}
- {{/if}}
-
- {{#if (eq tab "templates")}}
- {{folder/settings-templates permissions=model.permissions space=model.folder templates=model.templates}}
- {{/if}}
-
- {{#if (eq tab "blocks")}}
- {{folder/settings-blocks permissions=model.permissions space=model.folder}}
- {{/if}}
-
- {{#if (eq appMeta.edition constants.Product.EnterpriseEdition)}}
- {{#if (eq tab "archived")}}
- {{enterprise/space-archived permissions=model.permissions spaces=model.folder space=model.folder}}
+
+ {{#if (eq tab "general")}}
+ {{folder/settings-general permissions=model.permissions space=model.folder labels=model.labels}}
{{/if}}
- {{/if}}
- {{#if (eq tab "categories")}}
- {{folder/settings-category permissions=model.permissions spaces=model.folder space=model.folder}}
- {{/if}}
+ {{#if (eq tab "permissions")}}
+ {{folder/settings-permissions permissions=model.permissions folders=model.folders folder=model.folder onRefresh=(action "onRefresh")}}
+ {{/if}}
- {{#if (eq tab "deletion")}}
- {{folder/settings-delete permissions=model.permissions spaces=model.folder space=model.folder}}
- {{/if}}
-{{/layout/master-content}}
+ {{#if (eq tab "templates")}}
+ {{folder/settings-templates permissions=model.permissions space=model.folder templates=model.templates}}
+ {{/if}}
+
+ {{#if (eq tab "blocks")}}
+ {{folder/settings-blocks permissions=model.permissions space=model.folder}}
+ {{/if}}
+
+ {{#if (eq appMeta.edition constants.Product.EnterpriseEdition)}}
+ {{#if (eq tab "archived")}}
+ {{enterprise/space-archived permissions=model.permissions spaces=model.folder space=model.folder}}
+ {{/if}}
+ {{/if}}
+
+ {{#if (eq tab "categories")}}
+ {{folder/settings-category permissions=model.permissions spaces=model.folder space=model.folder}}
+ {{/if}}
+
+ {{#if (eq tab "deletion")}}
+ {{folder/settings-delete permissions=model.permissions spaces=model.folder space=model.folder}}
+ {{/if}}
+
+
diff --git a/gui/app/styles/colors.scss b/gui/app/styles/colors.scss
index 8783e2b4..7cff15d0 100644
--- a/gui/app/styles/colors.scss
+++ b/gui/app/styles/colors.scss
@@ -17,7 +17,7 @@
**************************************************************/
/**************************************************************
-* Gray, Grey shades
+* Gray shades
**************************************************************/
$gray-shades: (
900: #1F2833,
@@ -155,7 +155,7 @@ $color-white-dark-1: #f5f5f5;
// Documents and spaces card background color
$color-card: #F6F4EE;
-$color-sidebar: #F6F4EE;
+$color-sidebar: #f2f8fd;
// $color-card: #F6F4EE;
// $color-sidebar: #f2f8fd;
diff --git a/gui/app/styles/core/layout/layout.scss b/gui/app/styles/core/layout/layout.scss
index dd6a7243..d61f0a21 100644
--- a/gui/app/styles/core/layout/layout.scss
+++ b/gui/app/styles/core/layout/layout.scss
@@ -162,7 +162,7 @@ $sidebar-height: auto;
height: $sidebar-height;
// overflow-x: hidden;
// overflow-y: auto;
- padding: 20px 15px;
+ padding: 20px 10px 20px 20px;
}
.master-content {
@@ -199,7 +199,7 @@ $sidebar-height: auto;
.master-sidebar {
width: 300px;
- padding: 40px 20px;
+ padding: 40px 10px 40px 20px;
}
.master-content {
@@ -214,11 +214,11 @@ $sidebar-height: auto;
@media (min-width: $display-break-4) and (min-height: 650px) {
.master-grid-container {
display: grid;
- grid-template-columns: 350px minmax(auto, 1200px);
+ grid-template-columns: 400px minmax(auto, 1200px);
.master-sidebar {
- width: 350px;
- padding: 40px 20px;
+ width: 400px;
+ padding: 40px 10px 40px 20px;
}
.master-content {
@@ -264,6 +264,6 @@ $sidebar-height: auto;
@media (min-width: $display-break-4) and (min-height: 650px) {
.master-container {
padding: 40px;
- max-width: 1200px;
+ // max-width: 1200px;
}
}
diff --git a/gui/app/styles/core/layout/sidebar.scss b/gui/app/styles/core/layout/sidebar.scss
index 212cc4ae..f9ea09fd 100644
--- a/gui/app/styles/core/layout/sidebar.scss
+++ b/gui/app/styles/core/layout/sidebar.scss
@@ -1,10 +1,11 @@
.sidebar-content {
display: block;
position: relative;
- padding: 20px 10px 10px 10px;
+ padding: 20px 5px 20px 10px;
+ // background-color: $theme-100;
background-color: $color-sidebar;
- @include border-radius(4px);
- border: 1px solid map-get($gray-shades, 100);
+ // background-color: map-get($gray-shades, 100);
+ @include border-radius(6px);
> .section {
margin: 0;
diff --git a/gui/app/styles/core/view/document/sidebar-attachment.scss b/gui/app/styles/core/view/document/sidebar-attachment.scss
index 62d65100..815e2f0e 100644
--- a/gui/app/styles/core/view/document/sidebar-attachment.scss
+++ b/gui/app/styles/core/view/document/sidebar-attachment.scss
@@ -10,7 +10,6 @@
padding: 0;
> .file {
- @include card();
list-style-type: none;
margin: 10px 0 0 0;
padding: 5px;
@@ -25,11 +24,6 @@
margin-right: 10px;
width: 90%;
@extend .text-truncate;
- color: map-get($gray-shades, 800);
-
- &:hover {
- color: map-get($gray-shades, 900);
- }
}
> .menu {
diff --git a/gui/app/styles/core/view/document/sidebar-toc.scss b/gui/app/styles/core/view/document/sidebar-toc.scss
index d38e3f6b..d3ef73ea 100644
--- a/gui/app/styles/core/view/document/sidebar-toc.scss
+++ b/gui/app/styles/core/view/document/sidebar-toc.scss
@@ -26,21 +26,24 @@
padding: 0;
list-style: none;
font-size: 1rem;
- overflow-x: hidden;
list-style-type: none;
margin: 0 0 0 0;
.item {
@extend .no-select;
padding: 5px 0;
- text-overflow: ellipsis;
- word-wrap: break-word;
- white-space: nowrap;
- overflow: hidden;
+ // text-overflow: ellipsis;
+ // word-wrap: break-word;
+ // white-space: nowrap;
+ // overflow: hidden;
> .link {
color: map-get($gray-shades, 800);
- font-weight: 500;
+ // font-weight: 300;
+ // text-overflow: ellipsis;
+ // word-wrap: break-word;
+ // white-space: nowrap;
+ overflow: hidden;
&:hover {
color: map-get($yellow-shades, 600);
@@ -48,7 +51,7 @@
> .numbering {
color: map-get($gray-shades, 600);
- font-weight: 500;
+ font-weight: 300;
display: inline-block;
margin-right: 10px;
font-size: 0.9rem;
diff --git a/gui/app/styles/core/view/space.scss b/gui/app/styles/core/view/space.scss
index c981e69a..fa93f8d1 100644
--- a/gui/app/styles/core/view/space.scss
+++ b/gui/app/styles/core/view/space.scss
@@ -17,7 +17,6 @@
> .document {
@include card();
- box-shadow: none;
list-style-type: none;
margin: 0 0 2rem 0;
padding: 15px 20px;
diff --git a/gui/app/templates/components/document/sidebar-meta.hbs b/gui/app/templates/components/document/sidebar-meta.hbs
index 01070aa7..fa664c7b 100644
--- a/gui/app/templates/components/document/sidebar-meta.hbs
+++ b/gui/app/templates/components/document/sidebar-meta.hbs
@@ -1,10 +1,4 @@