diff --git a/src/@fuse/components/sidebar/sidebar.component.ts b/src/@fuse/components/sidebar/sidebar.component.ts index c50ad2fb..cdf22771 100644 --- a/src/@fuse/components/sidebar/sidebar.component.ts +++ b/src/@fuse/components/sidebar/sidebar.component.ts @@ -1,5 +1,5 @@ import { - ChangeDetectorRef, Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, OnDestroy, OnInit, Output, Renderer2, RendererStyleFlags2, ViewEncapsulation + ChangeDetectorRef, Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, OnDestroy, OnInit, Output, Renderer2, ViewEncapsulation } from '@angular/core'; import { animate, AnimationBuilder, AnimationPlayer, style } from '@angular/animations'; import { ObservableMedia } from '@angular/flex-layout'; @@ -320,6 +320,7 @@ export class FuseSidebarComponent implements OnInit, OnDestroy // Get the active status const isActive = this._observableMedia.isActive(this.lockedOpen); + // If the both status are the same, don't act if ( this._wasActive === isActive ) { diff --git a/src/@fuse/components/theme-options/theme-options.component.scss b/src/@fuse/components/theme-options/theme-options.component.scss index 37b1d606..39c84552 100644 --- a/src/@fuse/components/theme-options/theme-options.component.scss +++ b/src/@fuse/components/theme-options/theme-options.component.scss @@ -30,7 +30,7 @@ fuse-theme-options { .title { font-size: 20px; - font-weight: 500; + font-weight: 600; padding-left: 4px; } } @@ -56,12 +56,12 @@ fuse-theme-options { margin: 0; padding: 0 8px; font-size: 16px; - font-weight: 500; + font-weight: 600; } h3 { font-size: 14px; - font-weight: 500; + font-weight: 600; margin: 24px 0 16px 0; padding: 0; diff --git a/src/@fuse/scss/partials/_material.scss b/src/@fuse/scss/partials/_material.scss index 7f6b9f72..1247ea81 100644 --- a/src/@fuse/scss/partials/_material.scss +++ b/src/@fuse/scss/partials/_material.scss @@ -172,7 +172,7 @@ margin: 0 8px 0 0; border-radius: 50%; font-size: 17px; - font-weight: 500; + font-weight: 600; text-align: center; &.square { @@ -287,14 +287,14 @@ mat-icon.status { .title { font-size: 13px; - font-weight: 500; + font-weight: 600; line-height: 1; } } .subheader { font-size: 13px; - font-weight: 500; + font-weight: 600; margin-top: 8px; } @@ -364,7 +364,7 @@ mat-icon.status { .currency { padding-right: 4px; font-size: 24px; - font-weight: 500; + font-weight: 600; } .value { @@ -406,14 +406,14 @@ mat-icon.status { left: 50%; transform: translateX(-50%); font-size: 11px; - font-weight: 500; + font-weight: 600; padding: 6px 8px; } .package-type { padding: 48px 32px 24px 32px; font-size: 20px; - font-weight: 500; + font-weight: 600; text-align: center; } @@ -423,7 +423,7 @@ mat-icon.status { .currency { padding-right: 4px; font-size: 24px; - font-weight: 500; + font-weight: 600; } .value { @@ -436,7 +436,7 @@ mat-icon.status { .period { padding: 0 32px; font-size: 15px; - font-weight: 500; + font-weight: 600; text-align: center; } @@ -471,7 +471,7 @@ mat-icon.status { .subtitle { font-size: 17px; - font-weight: 500; + font-weight: 600; } } @@ -481,7 +481,7 @@ mat-icon.status { .currency { padding-right: 4px; font-size: 15px; - font-weight: 500; + font-weight: 600; } .value { @@ -546,7 +546,7 @@ table { th { padding: 16px 8px; - font-weight: 500; + font-weight: 600; white-space: nowrap; &:first-child { diff --git a/src/@fuse/scss/partials/_navigation.scss b/src/@fuse/scss/partials/_navigation.scss index 1b190b4c..c02a10ce 100644 --- a/src/@fuse/scss/partials/_navigation.scss +++ b/src/@fuse/scss/partials/_navigation.scss @@ -4,7 +4,7 @@ display: flex; align-items: center; height: 48px; - font-weight: 500; + font-weight: 600; padding-left: 24px; margin-top: 8px; font-size: 12px; @@ -19,7 +19,7 @@ display: flex; align-items: center; height: 48px; - font-weight: 500; + font-weight: 600; padding-left: 24px; margin-top: 8px; font-size: 12px; @@ -53,7 +53,7 @@ height: 20px; padding: 0 7px; font-size: 11px; - font-weight: 500; + font-weight: 600; border-radius: 20px; transition: opacity 0.2s ease-in-out 0.1s; margin-left: 8px; @@ -85,7 +85,6 @@ .nav-link-icon { margin-right: 16px; - opacity: 0.7; } .nav-link-icon, diff --git a/src/@fuse/scss/partials/_typography.scss b/src/@fuse/scss/partials/_typography.scss index 0ec1ffca..dd8521fa 100644 --- a/src/@fuse/scss/partials/_typography.scss +++ b/src/@fuse/scss/partials/_typography.scss @@ -41,7 +41,7 @@ // ----------------------------------------------------------------------------------------------------- html { font-size: 62.5%; - font-family: 'Nunito', 'Helvetica Neue', 'Arial', sans-serif; + font-family: 'Muli', 'Helvetica Neue', 'Arial', sans-serif; line-height: 1.4 !important; letter-spacing: -0.1px !important; } @@ -304,7 +304,7 @@ strong { padding: 4px 8px; margin: 0 8px; font-size: 11px; - font-weight: 500; + font-weight: 600; white-space: nowrap; } @@ -399,6 +399,10 @@ strong { li { margin-bottom: 6px; letter-spacing: 0.015em; + + ul { + margin-top: 6px; + } } } } diff --git a/src/app/app.component.ts b/src/app/app.component.ts index def0a0fd..9de91834 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -73,9 +73,12 @@ export class AppComponent implements OnInit, OnDestroy this._translateService.use('en'); /** - * ------------------------------------------------------------------ + * ---------------------------------------------------------------------------------------------------- * ngxTranslate Fix Start - * ------------------------------------------------------------------ + * ---------------------------------------------------------------------------------------------------- + */ + + /** * If you are using a language other than the default one, i.e. Turkish in this case, * you may encounter an issue where some of the components are not actually being * translated when your app first initialized. @@ -97,9 +100,9 @@ export class AppComponent implements OnInit, OnDestroy */ /** - * ------------------------------------------------------------------ + * ---------------------------------------------------------------------------------------------------- * ngxTranslate Fix End - * ------------------------------------------------------------------ + * ---------------------------------------------------------------------------------------------------- */ // Add is-mobile class to the body if the platform is mobile diff --git a/src/app/app.theme.scss b/src/app/app.theme.scss index 32628c7f..cc807163 100644 --- a/src/app/app.theme.scss +++ b/src/app/app.theme.scss @@ -63,6 +63,7 @@ $custom_palettes: ( // Force the input field font sizes to 16px $typography: mat-typography-config( + $font-family: 'Muli, Helvetica Neue, Arial, sans-serif', $input: mat-typography-level(16px, 1.125, 400) ); diff --git a/src/index.html b/src/index.html index c0d38634..b4a53719 100644 --- a/src/index.html +++ b/src/index.html @@ -15,7 +15,7 @@ - +