diff --git a/src/@fuse/components/highlight/highlight.component.scss b/src/@fuse/components/highlight/highlight.component.scss
index 1844f192..b723a942 100644
--- a/src/@fuse/components/highlight/highlight.component.scss
+++ b/src/@fuse/components/highlight/highlight.component.scss
@@ -3,4 +3,5 @@
padding: 8px;
background: #263238;
cursor: text;
+ overflow: auto;
}
\ No newline at end of file
diff --git a/src/@fuse/scss/partials/_typography.scss b/src/@fuse/scss/partials/_typography.scss
index 2e779328..41b2ed81 100644
--- a/src/@fuse/scss/partials/_typography.scss
+++ b/src/@fuse/scss/partials/_typography.scss
@@ -274,4 +274,89 @@ strong {
// Nowrap
.text-nowrap {
white-space: nowrap;
+}
+
+// Changelog
+.changelog {
+
+ .entry {
+ background: white;
+ margin-bottom: 24px;
+ padding: 24px 32px;
+ @include mat-elevation(2);
+
+ > .title {
+ display: flex;
+ align-items: center;
+ margin-bottom: 24px;
+
+ .version {
+ font-size: 24px;
+ }
+
+ .date {
+ margin-left: 8px;
+ font-size: 17px;
+ opacity: 0.54;
+ }
+ }
+
+ .groups {
+
+ div {
+ margin-bottom: 32px;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ .title {
+ display: inline-flex;
+ font-size: 13px;
+ color: white;
+ letter-spacing: 0.015em;
+ line-height: 1;
+ padding: 5px 8px;
+ border-radius: 2px;
+ }
+
+ .breaking-changes {
+
+ .title {
+ background: #F44336;
+ }
+ }
+
+ .new {
+
+ .title {
+ background: #43A047;
+ }
+ }
+
+ .improved {
+
+ .title {
+ background: #673AB7;
+ }
+ }
+
+ .fixed {
+
+ .title {
+ background: #2196F3;
+ }
+ }
+
+ ul {
+ padding-left: 24px;
+
+ li {
+ margin-bottom: 6px;
+ letter-spacing: 0.015em;
+ }
+ }
+ }
+ }
}
\ No newline at end of file
diff --git a/src/@fuse/scss/partials/plugins/_prism.scss b/src/@fuse/scss/partials/plugins/_prism.scss
index 9502fa8f..a06e49b3 100644
--- a/src/@fuse/scss/partials/plugins/_prism.scss
+++ b/src/@fuse/scss/partials/plugins/_prism.scss
@@ -104,9 +104,9 @@ $code-color-attr-name: #B65611 !default;
// whitespace management
white-space: pre; // fallback
- white-space: pre-wrap;
- word-break: break-all;
- word-wrap: break-word;
+ //white-space: pre-wrap;
+ //word-break: break-all;
+ //word-wrap: break-word;
font-family: $code-font-family;
font-size: $code-font-size;
diff --git a/src/app/main/documentation/changelog/changelog.component.html b/src/app/main/documentation/changelog/changelog.component.html
new file mode 100644
index 00000000..b6071d59
--- /dev/null
+++ b/src/app/main/documentation/changelog/changelog.component.html
@@ -0,0 +1,881 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v6.0.1
+ (2018-05-10)
+
+
+
+
+
+
New
+
+ - Updated ngRx to 6.0.0-beta.1
+ - Updated various other libraries to Angular 6 compatible versions
+ - Updated demo code to make it compatible with RxJS 6.0.0
+
+
+
+
+
Fixed
+
+ - Fixed: Scrumboard "Add a list" button is draggable and causing an error
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v6.0.0
+ (2018-05-06)
+
+
+
+
+
+
New
+
+ - Updated Angular to 6.0.0
+ - Updated Angular Material to 6.0.0
+ - Updated Angular CLI to 6.0.0
+ - Updated various other packages
+
+
+
+
+
Fixed
+
+ - Fixed: Material icon button colors are being overwritten by Fuse
+ - Fixed: Contacts app edit dialog issues
+ - Fixed: Navigation sidebar doesn't scroll on mobile devices
+ - Fixed: Horizontal navigation doesn't have 'hidden' and 'custom function' features like
+ the vertical
+ navigation
+
+ - Fixed: Search bar close icon alignment
+ - Fixed: Profile page header background image doesn't cover the header
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v5.2.10
+ (2018-03-10)
+
+
+
+
+
+
Fixed
+
+ - Fixed: Sidebar folded bugs
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v5.2.9
+ (2018-03-10)
+
+
+
+
+
+
Fixed
+
+ - Fixed: Sidebar folded doesn't work correctly if activated programmatically
+ - Fixed: Skeleton AoT building issues
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v5.2.8
+ (2018-03-08)
+
+
+
+
+
+
Breaking changes
+
+ -
+
core
folder moved into the @fuse
allowing project owners to
+ have their own core folder inside the app directory. Also allows for better separation
+ in between your app and core Fuse features.
+
+ -
+ Removed Angular Material module that includes all Material components at once and added
+ imports for all modules separately. From now on, you must include the Material
+ components that you have used in your components manually in that component's module
+ file. This was a required changed as it does increase the development performance as
+ well as decrease the building and the AoT building times.
+
+ -
+ Changed how navigation model works. Now it's just a simple const that being exported
+ from the
navigation.ts
file. It allows for easier swapping and editing of
+ the navigation.
+
+ -
+ New sidebar component. Allows us to move main navigation sidebar logic out of your way.
+ Check out the Demo app to see the full usage.
+
+
+
+
+
+
New
+
+ - Updated Angular to 5.2.8
+ - Updated Angular Material to 5.2.4
+ - Updated Angular CLI to 1.7.3
+ - Matched the Fuse version number with the Angular
+ - No more Fuse2, the package name update to Fuse since the version number matched to
+ Angular's.
+
+
+
+
+
+
Fixed
+
+ - Fixed various issues with Fuse Angular Material Color Picker component.
+ - Fixed various other small layout and logic bugs.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.3.6
+ (2018-02-06)
+
+
+
+
+
+
New
+
+ - Updated Angular to 5.2.3
+ - Updated Angular Material to 5.1.1
+ - Updated Angular CLI to 1.6.7
+ - New Analytics dashboard design
+ - Added Chart.js examples through the new dashboard
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.3.5
+ (2018-01-24)
+
+
+
+
+
+
New
+
+ - Updated ngRx to 5.0.0
+ - Updated Angular CLI to 1.6.5 to fix the wrong devkit version issue
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.3.4
+ (2018-01-18)
+
+
+
+
+
+
New
+
+ - Updated Angular to 5.2.1
+ - Updated Angular Material to 5.1.0
+ - Updated various other packages to latest versions
+
+
+
+
+
Fixed
+
+ - Quick Panel is too wide for smaller screens
+ - Academy App course step doesn't scroll on mobile
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.3.3
+ (2018-01-11)
+
+
+
+
+
+
New
+
+ - Updated Angular to 5.2.0
+ - Updated Angular Material to 5.0.4
+ - Updated various other packages to latest versions
+
+
+
+
+ Fixed
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.3.2
+ (2018-01-09)
+
+
+
+
+
+
New
+
+ - Updated Angular to 5.1.3
+ - Updated Angular Material to 5.0.3
+ - Updated various other packages to latest versions
+ - Added new card designs
+ - Added new fuse-highlight component
+ - Added lazy load to various other demo modules to make the demo project faster
+
+
+
+
+
Fixed
+
+ - BREAKING CHANGE: Cards are moved to custom classes
+ - BREAKING CHANGE: Removed fuse-hljs (Use fuse-highlight instead)
+ - Various other small fixed and enhancements
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.3.1
+ (2018-01-02)
+
+
+
+
+
+
New
+
+ - Updated Angular to 5.1.2
+ - Updated Angular Material to 5.0.2
+ - Updated various other packages to latest versions
+ - New Academy app
+
+
+
+
+
Fixed
+
+ - Mail compose dialog responsive issues
+ - Fixed for various other bugs
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.3.0
+ (2017-12-15)
+
+
+
+
+
+
New
+
+ - Updated Angular to 5.1.0
+ - Updated Angular Material to 5.0.1
+ - Updated various other packages to latest versions
+ - New NgRx Sample app (Mail-NgRx app)
+ - Form stepper examples
+ - Added support for translations in navigation items
+ - Moved the navigation.model.ts into its own folder
+ - Added badge support for collapsable navigation items
+ - Initialize the navigation from app.component rather then navigation.service
+ - Trigger expand/collapse of the navigation on ngOnInit to update the active item
+ - Replaced Calendar images
+ - Added custom validator for password matching in Auth forms
+
+
+
+
+
Fixed
+
+ - Custom scrollbars are showing in print
+ - Various small issues in Auth pages
+ - ngx-color-picker various style issues
+ - Make sure the nav item has children before trying to get them
+ - Renamed the KnowledgeBase demo module
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.2.3
+ (2017-11-28)
+
+
+
+
+
+
Fixed
+
+ - Sidenav helper causes issues in mobile media steps
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.2.2
+ (2017-11-27)
+
+
+
+
+
+
New
+
+ - Updated Angular to 5.0.3
+ - Updated Angular Material to 5.0.0-rc.1
+ - Updated Flex Layout
+
+
+
+
+
Fixed
+
+ - Contacts app various issues
+ - Duplicate content in Profile page tabs
+ - Folded status of the Navbar shouldn't brake the layout if Horizontal Navbar is active
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.2.1
+ (2017-11-13)
+
+
+
+
+
+
New
+
+ - Updated Angular to 5.0.1
+ - Updated Angular Material to 5.0.0-rc0
+
+
+
+
+
Fixed
+
+ - Compatibility fixed for Angular Material 5.0.0-rc0
+ - Scrumboard label selector not working properly
+ - Todo detail style refinements
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.2.0
+ (2017-11-06)
+
+
+
+
+
+
New
+
+ - BREAKING CHANGE: Updated Angular to 5.0.0 (clean installation recommended)
+ - Updated Angular Flex Layout to 2.0.0-beta.10
+ - E-Commerce App
+ - File based translation service and its implementation example
+ - Added Material Design cards
+ - New 'Knowledge Base' page design
+ - Added Tabbed versions of the Carded Sidenav layouts
+ - Added an ability to control the folded status of the vertical navigation via
+ FuseConfig
+
+ -
+ Added 'exactMatch' property to the Navigation Model for more control over the active
+ item
+ highlighting
+
+
+
+
+
+
Fixed
+
+ - Angular 5 Compatibility fixed
+ - Various iOS10 scrolling issues
+ - FAQ page header shrinks on small heights
+ - Stagger animation doesn't have 'optional' parameter
+ - Toolbar navigation toggle button doesn't actually toggle the navigation bar
+ - Nav items cannot be put on the root in Horizontal menu
+ - Vertical navbar puts out wrong classes when its toggled
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.1.2
+ (2017-10-16)
+
+
+
+
+
+
New
+
+ - BREAKING CHANGE: Updated Angular Material to 2.0.0-beta.12
+ - Updated Angular to 4.4.5
+ - New Reset and Forgot password page styles
+ - Added 'agm-map', Google Maps component library.
+ - New pricing page design
+ - New mail confirmation page
+ - New FAQ page design
+ - Added new methods for accessing and updating specific nav items
+ - Added the ability to add custom functions to the nav items
+
+
+
+
+
Fixed
+
+ - Print styles and page breaks
+ - Inconsistent font sizes across elements
+ - Toolbar search bar button collapses on close
+ - iOS scrolling issues
+ - All 'mat-select' elements wrapped with 'mat-form-field' and fixed related issues
+ - Auth page v2 styles iOS height issues
+ - Chat view is not scrollable on mobile
+ - Terms & Conditions checkbox styling issues on Auth forms
+ - Some page layout header heights not correct on small devices
+ - Lock page layout issues
+ - Calendar & Scrumboard datepicker issues
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.1.1
+ (2017-09-28)
+
+
+
+
+
+
New
+
+ - Updated Angular Material to 2.0.0-beta.11
+ - Nested grouping in navigation
+ - Added Angular Material elements showcase
+
+
+
+
+
Improved
+
+ - Replaced Http module with HttpClient
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.1.0
+ (2017-09-22)
+
+
+
+
+
+
New
+
+ - Updated Angular to 4.4.3
+ - Added HMR config for starting the ng serve with HMR support
+ - Added a way to swap navigation models on the fly
+ - Enhanced animations for all apps and some pages
+ - Custom perfect scrollbar directive
+ - Navigation bar backdrop for closing the navigation easily on mobile
+
+
+
+
+
Improved
+
+ - BREAKING CHANGE: Completely re-structured the navigation model
+ - Locked dev dependency versions to prevent majority of the npm update errors
+ - Updated perfect scrollbar
+ - Calendar, Mail, ToDo and Chat app visual and structural Improved
+ - Disabled the perfect-scrollbar on mobile completely
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.0.5
+ (2017-09-12)
+
+
+
+
+
+
New
+
+ - Horizontal Navigation
+ - Boxed Layout
+ - New fade-in-out animation to Animations service
+
+
+
+
+
Improved
+
+ - Scrumboard & Chat style Improved
+
+
+
+
+
Fixed
+
+ - Removed unused md2 library from skeleton
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.0.4
+ (2017-08-31)
+
+
+
+
+
+
+
+
Improved
+
+ - Responsive Improved, many more will come
+
+
+
+
+
Fixed
+
+ - Dashboard sidenav not correctly working on some mobile devices
+ - Couple MS Edge issues
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.0.3
+ (2017-08-30)
+
+
+
+
+
+
Fixed
+
+ - Reverted to Angular 4.3.5 since animations are not correctly working on 4.3.6
+ - Firefox and Edge scroll issues
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.0.2
+ (2017-08-30)
+
+
+
+
+
+
Improved
+
+ - Angular Material v2.0.0-beta.10 Compatibility
+ - Upgraded to Angular 4.3.6
+ - Shortcuts component now stores the shortcuts in cookies
+ - Added print styles
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.0.1
+ (2017-08-24)
+
+
+
+
+
+
Improved
+
+ - New router animations
+
+
+
+
+
Fixed
+
+ - Fixed AoT compiler issues
+
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.0.0
+ (2017-08-23)
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/main/documentation/changelog/changelog.component.scss b/src/app/main/documentation/changelog/changelog.component.scss
new file mode 100644
index 00000000..6fef4203
--- /dev/null
+++ b/src/app/main/documentation/changelog/changelog.component.scss
@@ -0,0 +1,6 @@
+@import "src/@fuse/scss/fuse";
+
+:host {
+
+
+}
diff --git a/src/app/main/documentation/changelog/changelog.component.ts b/src/app/main/documentation/changelog/changelog.component.ts
new file mode 100644
index 00000000..4df00d74
--- /dev/null
+++ b/src/app/main/documentation/changelog/changelog.component.ts
@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector : 'docs-changelog',
+ templateUrl: './changelog.component.html',
+ styleUrls : ['./changelog.component.scss']
+})
+export class DocsChangelogComponent
+{
+ constructor()
+ {
+ }
+}
diff --git a/src/app/main/documentation/documentation.module.ts b/src/app/main/documentation/documentation.module.ts
index c1e8af71..0f308944 100644
--- a/src/app/main/documentation/documentation.module.ts
+++ b/src/app/main/documentation/documentation.module.ts
@@ -1,8 +1,17 @@
import { NgModule } from '@angular/core';
-
import { RouterModule, Routes } from '@angular/router';
+import { MatIconModule } from '@angular/material';
+
+import { FuseSharedModule } from '@fuse/shared.module';
+
+import { DocsChangelogComponent } from 'app/main/documentation/changelog/changelog.component';
+
const routes: Routes = [
+ {
+ path : 'changelog',
+ component: DocsChangelogComponent
+ },
{
path : 'components',
loadChildren: './components/components.module#ComponentsModule'
@@ -18,8 +27,15 @@ const routes: Routes = [
];
@NgModule({
- imports: [
- RouterModule.forChild(routes)
+ declarations: [
+ DocsChangelogComponent
+ ],
+ imports : [
+ RouterModule.forChild(routes),
+
+ MatIconModule,
+
+ FuseSharedModule
]
})
export class DocumentationModule
diff --git a/src/app/main/ui/helper-classes/tabs/padding-margin/padding-margin.component.html b/src/app/main/ui/helper-classes/tabs/padding-margin/padding-margin.component.html
index 52fa03ed..68b01dc9 100644
--- a/src/app/main/ui/helper-classes/tabs/padding-margin/padding-margin.component.html
+++ b/src/app/main/ui/helper-classes/tabs/padding-margin/padding-margin.component.html
@@ -53,7 +53,7 @@
- Direction Specific Padding Helpers
+ Direction Specific Padding Helpers
@@ -111,7 +111,7 @@
- Margin Helpers
+ Margin Helpers
@@ -164,7 +164,7 @@
- Direction Specific Margin Helpers
+ Direction Specific Margin Helpers
diff --git a/src/app/main/ui/helper-classes/tabs/width-height/width-height.component.html b/src/app/main/ui/helper-classes/tabs/width-height/width-height.component.html
index 93003f6f..755df524 100644
--- a/src/app/main/ui/helper-classes/tabs/width-height/width-height.component.html
+++ b/src/app/main/ui/helper-classes/tabs/width-height/width-height.component.html
@@ -69,7 +69,7 @@
- Height Helpers
+ Height Helpers
diff --git a/src/app/main/ui/typography/tabs/blockquotes-lists/blockquotes-lists.component.html b/src/app/main/ui/typography/tabs/blockquotes-lists/blockquotes-lists.component.html
index 97e71b48..e3a0df9d 100644
--- a/src/app/main/ui/typography/tabs/blockquotes-lists/blockquotes-lists.component.html
+++ b/src/app/main/ui/typography/tabs/blockquotes-lists/blockquotes-lists.component.html
@@ -2,7 +2,7 @@
Blockquotes
-
+
@@ -87,9 +87,9 @@
-
Lists
+
Lists
-
+
@@ -167,9 +167,9 @@
-
Definition Lists
+
Definition Lists
-
+
@@ -200,4 +200,128 @@
+
Change log
+
+
+
+
+
+
+
+
+
+
+
+
+ v1.0.0
+ (2018-05-08)
+
+
+
+
+
+
Breaking changes
+
+ - This is an example list item for the change log
+ - This is an example list item for the change log
+
+
+
+
+
New
+
+ - This is an example list item for the change log
+ - This is an example list item for the change log
+ - This is an example list item for the change log
+
+
+
+
+
Improved
+
+ - This is an example list item for the change log
+ - This is an example list item for the change log
+ - This is an example list item for the change log
+
+
+
+
+
Fixed
+
+ - This is an example list item for the change log
+ - This is an example list item for the change log
+ - This is an example list item for the change log
+ - This is an example list item for the change log
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/main/ui/typography/tabs/blockquotes-lists/blockquotes-lists.component.scss b/src/app/main/ui/typography/tabs/blockquotes-lists/blockquotes-lists.component.scss
index 91755f27..d137db0d 100644
--- a/src/app/main/ui/typography/tabs/blockquotes-lists/blockquotes-lists.component.scss
+++ b/src/app/main/ui/typography/tabs/blockquotes-lists/blockquotes-lists.component.scss
@@ -6,6 +6,7 @@
position: relative;
margin-bottom: 24px;
min-height: 180px;
+ max-height: 500px;
code {
background: none !important;
diff --git a/src/app/main/ui/typography/tabs/headings/headings.component.html b/src/app/main/ui/typography/tabs/headings/headings.component.html
index 389e725e..6de5cb10 100644
--- a/src/app/main/ui/typography/tabs/headings/headings.component.html
+++ b/src/app/main/ui/typography/tabs/headings/headings.component.html
@@ -2,7 +2,7 @@
Material design typography classes
-
+
@@ -181,9 +181,9 @@
-
Standard Headings
+
Standard Headings
-
+
diff --git a/src/app/main/ui/typography/tabs/helpers/helpers.component.html b/src/app/main/ui/typography/tabs/helpers/helpers.component.html
index 9f7f7252..b3bcbd6e 100644
--- a/src/app/main/ui/typography/tabs/helpers/helpers.component.html
+++ b/src/app/main/ui/typography/tabs/helpers/helpers.component.html
@@ -26,7 +26,7 @@
-
Font Size
+
Font Size
@@ -48,7 +48,7 @@
-
Line Height
+
Line Height
@@ -74,7 +74,7 @@
-
Other helpers
+
Other helpers
diff --git a/src/app/main/ui/typography/tabs/inline-text-elements/inline-text-elements.component.html b/src/app/main/ui/typography/tabs/inline-text-elements/inline-text-elements.component.html
index 067d9f0f..a46bbba1 100644
--- a/src/app/main/ui/typography/tabs/inline-text-elements/inline-text-elements.component.html
+++ b/src/app/main/ui/typography/tabs/inline-text-elements/inline-text-elements.component.html
@@ -1,6 +1,6 @@
-
+
diff --git a/src/app/navigation/navigation.ts b/src/app/navigation/navigation.ts
index cfcc8778..e963c685 100644
--- a/src/app/navigation/navigation.ts
+++ b/src/app/navigation/navigation.ts
@@ -894,7 +894,7 @@ export const navigation: FuseNavigation[] = [
},
{
id : 'directory-structure',
- title: 'Directory structure',
+ title: 'Directory Structure',
type : 'item',
url : '/documentation/working-with-fuse/directory-structure'
},
@@ -905,10 +905,10 @@ export const navigation: FuseNavigation[] = [
url : '/documentation/working-with-fuse/directory-structure'
},
{
- id : 'template-layouts',
- title: 'Template Layouts',
+ id : 'theme-layouts',
+ title: 'Theme Layouts',
type : 'item',
- url : '/documentation/working-with-fuse/template-layouts'
+ url : '/documentation/working-with-fuse/theme-layouts'
},
{
id : 'page-layouts',