Typography: fix overview;

ECommerce: fix several bugs with colors and adaptive;
Gallery: fix images;
Data Table: fix width;
Charts: fix colors

changelog.md

@@ -1,4 +1,16 @@
 # Changelog
+## [7.1.9]
+### Updated and Fixed
+
+- Typography: fix overview;
+- ECommerce: fix dropdowns, fix several bugs with colors and adaptive;
+- Gallery: fix images;
+- Data Table: fix width;
+- Charts: fix colors
+- Inbox: fix links;
+- Profile: fix outline button and links;
+- UI -> Buttons: fix justify content;
+- UI -> modal: fix close buttons;
 
 ## [7.1.8]
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "light-blue",
-  "version": "7.1.8",
+  "version": "7.1.9",
   "description": "Light Blue - Angular 4 & React Dashboard",
   "scripts": {
     "analyze": "npm run build:stats && webpack-bundle-analyzer dist/stats.json --port 4201",

src/app/pages/core/typography/typography.template.html

@@ -10,7 +10,7 @@ <h1 class="page-title">Typography - <span class="fw-semi-bold">Texts & Display</
       <h5 *widgsterTitle>Headings <small>Default and customized</small></h5>
       <h4>Default headings</h4>
       <p>Basic headings for everyday use</p>
-      <div class="widget-padding-md border rounded w-100 h-100 text-left">
+      <div class="widget-padding-md border rounded w-100 h-100 text-left overflow-hidden">
         <div class="row">
           <div class="col-sm-6">
             <h1>h1. Heading</h1>
@@ -40,7 +40,7 @@ <h3>
       </div>
       <h4 class="mt-5">Display</h4>
       <p>Headings to stand out</p>
-      <div class="widget-padding-md border rounded w-100 h-100 text-left">
+      <div class="widget-padding-md border rounded w-100 h-100 text-left overflow-hidden">
         <h1 class="display-1">Display 1</h1>
         <h1 class="display-2">Display 2</h1>
         <h1 class="display-3">Display 3</h1>

src/app/pages/ecommerce/product-detail/components/description/description.style.scss

@@ -130,7 +130,6 @@
 
     & .card-header {
       margin: auto 20px;
-      background-color: $white;
       color: $text-muted;
       padding-left: 0;
       padding-right: 0;

src/app/pages/ecommerce/product-detail/components/p-section/p-section.style.scss

@@ -4,7 +4,7 @@
   margin-bottom: $spacer * 6;
 
   @include media-breakpoint-down(sm) {
-    background-color: $white;
+    background-color: $body-bg;
     margin: 0 (-$content-padding / 2);
   }
 }

src/app/pages/ecommerce/product-grid/components/filterModal/filter-modal.style.scss

@@ -2,7 +2,7 @@
 
 .filter-modal {
   min-height: calc(100vh - 50px);
-  background: white;
+  background: $body-bg;
   margin: (-$content-padding) (-$content-padding / 2);
 
   .filter-modal-title {
@@ -12,7 +12,6 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    background-color: theme-color('default');
 
     .close {
       left: $spacer * 2.5;
@@ -44,7 +43,6 @@
 
 .filter-modal-body {
   min-height: calc(100vh - 100px);
-  background-color: white;
   padding-left: $spacer * 2.5;
 
   .filter-item {

src/app/pages/login/login.template.html

@@ -1,10 +1,10 @@
 <div class="container">
-  <section 
+  <section
     class="widget-auth mx-auto"
-    widgster 
+    widgster
     [optionsControl]="false"
     [reloadControl]="false"
-    [fullscreenControl]="false" 
+    [fullscreenControl]="false"
     [collapseControl]="false"
     [closeControl]="false"
     titleClass="mt-0"
@@ -74,5 +74,5 @@ <h3 *widgsterTitle>
   </section>
 </div>
 <footer class="auth-footer">
-  2019 &copy; Sing App - React Admin Dashboard Template.
+  2020 &copy; Sing App - React Admin Dashboard Template - Made by <a href="https://flatlogic.com/">Flatlogic</a>
 </footer>

src/app/pages/tables/dynamic/tables-dynamic.style.scss

@@ -58,6 +58,7 @@
 
 .ngx-table {
   position: relative;
+  width: 100%;
 
   &__header-cell {
     padding: 0.75rem;