- Fix send message button in header

- Several fixes in user edit/add/list
- Update badges/buttons
- Change line color in timeline
- Fix images in search result
- Fix button in calendar
- Change collapse box shadow
- Fix titles in notification page

Author: Blari

README.md

@@ -1,4 +1,4 @@
-# Angular Material Admin Full (v 1.0.2) — Angular-UI Dashboard Template
+# Angular Material Admin Full — Angular-UI Dashboard Template
 
 Built with [Angular](https://angular.io/), [Angular Material](https://material.angular.io/).
 **No jQuery and Bootstrap!**

changelog.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [1.0.3]
+
+### Fixed
+- Fix send message button in header
+- Several fixes in user edit/add/list
+- Update badges/buttons
+- Change line color in timeline
+- Fix images in search result
+- Fix button in calendar
+- Change collapse box shadow
+- Fix titles in notification page 
+
 ## [1.0.2]
 
 ### Updated

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-material-admin",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

src/app/app.module.ts

@@ -12,14 +12,14 @@ import { AppRoutingModule } from './app-routing.module';
 import { DashboardModule } from './modules/dashboard/dashboard.module';
 import { NotFoundComponent } from './shared/not-found/not-found.component';
 import { AuthModule } from './modules/auth/auth.module';
-import {CoreModule} from './modules/templates/core/core.module';
-import {CalendarModule, DateAdapter} from 'angular-calendar';
-import {adapterFactory} from 'angular-calendar/date-adapters/date-fns';
-import {MatIconModule} from '@angular/material/icon';
-import {MatMenuModule} from '@angular/material/menu';
-import {MatRadioModule} from '@angular/material/radio';
-import {MatSlideToggleModule} from '@angular/material/slide-toggle';
-import {FormsModule} from '@angular/forms';
+import { CoreModule } from './modules/templates/core/core.module';
+import { CalendarModule, DateAdapter } from 'angular-calendar';
+import { adapterFactory } from 'angular-calendar/date-adapters/date-fns';
+import { MatIconModule } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { FormsModule } from '@angular/forms';
 
 @NgModule({
   declarations: [

src/app/consts/routes.ts

@@ -1,22 +1,22 @@
 export enum routes {
   DASHBOARD = '/dashboard',
 
-  //--- User module ---//
+  // --- User module --- //
 
   PROFILE = '/user/profile',
   USER_LIST = '/user/list',
   USER_ADD = '/user/add',
   USER_EDIT = '/user/edit',
 
-  //--- E-commerce ---//
+  // --- E-commerce ---//
 
   MANAGEMENT = '/e-commerce/management',
   PRODUCT_EDIT = '/e-commerce/edit',
   PRODUCT_CREATE = '/e-commerce/create',
   PRODUCTS = '/e-commerce/products',
   PRODUCT = '/e-commerce/product',
 
-  //--- Documentation ---//
+  // --- Documentation ---//
 
   LIBS = '/documentation/libs',
   STRUCTURE = '/documentation/structure',
@@ -29,45 +29,45 @@ export enum routes {
   MAPS = '/documentation/maps',
   TABLES = '/documentation/tables',
 
-  //--- Core module ---//
+  // --- Core module ---//
 
   TYPOGRAPHY = '/core/typography',
   COLORS = '/core/colors',
   GRID = '/core/grid',
 
-  //--- Tables module ---//
+  // --- Tables module ---//
 
   TABLES_BASIC = '/tables/basic',
   TABLES_DYNAMIC = '/tables/dynamic',
 
-  //--- Forms module ---//
+  // --- Forms module ---//
 
   FORMS_ELEMENTS = '/forms/elements',
   FORMS_VALIDATION = '/forms/validation',
 
-  //--- Charts module ---//
+  // --- Charts module ---//
 
   BAR_CHARTS = '/charts/bar',
   LINE_CHARTS = '/charts/line',
   PIE_CHARTS = '/charts/pie',
   OVERVIEW_CHARTS = '/charts/overview',
 
-  //--- Maps module ---//
+  // --- Maps module --- //
 
   GOOGLE_MAP = '/maps/google',
   VECTOR_MAP = '/maps/vector',
 
-  //--- Extra module ---//
+  // --- Extra module ---//
 
   CALENDAR = '/extra/calendar',
   INVOICE = '/extra/invoice',
   LOGIN_PAGE = '/extra/login',
-  ERROR_PAGE = '/extra/error',
+  ERROR_PAGE = '/extra/errorpage',
   GALLERY = '/extra/gallery',
   SEARCH_RESULT = '/extra/search result',
   TIME_LINE = '/extra/time line',
 
-  //--- Ui Elements module ---//
+  // --- Ui Elements module --- //
 
   ICONS = '/ui/icons',
   BADGE = '/ui/badge',

src/app/modules/templates/extra/components/search-result-item/search-result-item.component.html

@@ -1,6 +1,6 @@
 <mat-card class="card">
   <mat-card-content class="content">
-    <img src="{{result.img}}" alt="{{result.img}}" class="img">
+    <img src="{{result.img}}" alt="{{result.img}}" class="img" layout-fill>
 
     <div class="description-wrapper">
       <h3 class="title">{{result.title}}</h3>

src/app/modules/templates/extra/components/search-result-item/search-result-item.component.scss

@@ -17,10 +17,7 @@
 }
 
 .img {
-  width: 20%;
-
   @media (max-width: $small) {
-    width: 50%;
     height: auto;
   }
 }

src/app/modules/templates/extra/containers/calendar-page/calendar-page.component.scss

@@ -39,6 +39,7 @@
 .external-event {
   cursor: pointer;
   margin: 16px 0;
+  padding: 16px;
   box-shadow: 0 3px 11px 0 $shadow-white, 0 3px 3px -2px $shadow-grey, 0 1px 8px 0 $shadow-dark-grey;
 }
 

src/app/modules/templates/extra/containers/time-line-page/time-line-page.component.scss

@@ -30,7 +30,7 @@
 .line {
   width: 2px;
   height: 100%;
-  background-color: $dark-grey;
+  background-color: #bdbdbd;
 }
 
 .line-wrapper {

src/app/modules/templates/forms/components/form-elements-page/form-elements-page.component.scss

@@ -2,7 +2,7 @@
 
 .forms-wrapper {
   display: flex;
-  margin-top: 36px;
+  margin-top: 24px;
   width: 100%;
 
   @media (max-width: $small) {
@@ -25,7 +25,7 @@
 }
 
 .left-from {
-  margin-right: 18px;
+  margin-right: 24px;
 
   @media (max-width: $small) {
     margin-right: 0;

src/app/styles/mat-expansion-panel.scss

@@ -2,10 +2,6 @@
 @import 'src/app/styles/colors';
 
 @mixin mat-expansion-panel {
-  mat-expansion-panel.mat-expansion-panel:not([class*=mat-elevation-z]) {
-    box-shadow: $card-shadow;
-  }
-
   .mat-expansion-indicator::after {
     color: $white;
   }