diff --git a/docs/app/pages/home/banner/banner.component.scss b/docs/app/pages/home/banner/banner.component.scss deleted file mode 100644 index 71b31bbc..00000000 --- a/docs/app/pages/home/banner/banner.component.scss +++ /dev/null @@ -1,82 +0,0 @@ -/** - * @license - * Copyright Akveo. All Rights Reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - */ - -@import '../../../@theme/styles/themes'; - -:host { - position: fixed; - @include nb-ltr(right, 10px); - @include nb-rtl(left, 10px); - top: 80px; - border-radius: 5px; - background-color: #dc5425; - box-shadow: 0 2px 4px 0 rgba(189, 93, 60, 0.54); - z-index: 99999999; - - .heading-with-icon { - display: flex; - align-items: center; - } - - .icon { - height: auto; - width: 77px; - margin: 0 26px; - } - - .banner-heading { - font-size: 14px; - line-height: 20px; - font-weight: 700; - margin: 0; - color: #ffffff; - } - - .banner-content { - padding-top: 36px; - padding-bottom: 36px; - } - - .close-button { - background: none; - border: none; - cursor: pointer; - margin-bottom: auto; - padding: 10px; - color: #ffffff; - } - - .nb-close { - font-size: 24px; - font-weight: 600; - } - - .cta { - margin: 8px 0 0; - font-size: 14px; - color: #ffffff; - } - - .cta-link { - font-size: 10px; - border-radius: 2px; - display: inline-block; - padding: 4px 16px; - margin: 0 10px; - text-transform: uppercase; - font-weight: 700; - background: #ffffff; - color: #000000; - } - - @media screen and (max-width: 991px) { - top: 20px; - } - - @media screen and (max-width: 767px) { - display: none; - } -} diff --git a/docs/app/pages/home/banner/banner.component.ts b/docs/app/pages/home/banner/banner.component.ts deleted file mode 100644 index f50f75c4..00000000 --- a/docs/app/pages/home/banner/banner.component.ts +++ /dev/null @@ -1,63 +0,0 @@ -/** - * @license - * Copyright Akveo. All Rights Reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - */ - -import { Component, HostBinding, Inject, OnInit } from '@angular/core'; -import { NB_WINDOW } from '@nebular/theme'; - -const HIDE_BANNER_KEY = 'HIDE_PRODUCT_HUNT_BANNER'; - -@Component({ - selector: 'ngx-release-banner', - template: ` -
- Product Hunt - - -
- `, - styleUrls: ['./banner.component.scss'], -}) -export class BannerComponent implements OnInit { - - storage: Storage; - - @HostBinding('attr.hidden') - isHidden: true | null = null; - - @HostBinding('attr.dir') - dir = 'ltr'; - - constructor( - @Inject(NB_WINDOW) private window, - ) {} - - ngOnInit() { - this.storage = this.window.localStorage; - - this.isHidden = this.storage && this.storage.getItem(HIDE_BANNER_KEY) - ? true - : null; - } - - closeBanner() { - if (this.storage) { - this.storage.setItem(HIDE_BANNER_KEY, 'true'); - } - this.isHidden = true; - } -} diff --git a/docs/app/pages/home/landing-home.component.html b/docs/app/pages/home/landing-home.component.html index 4af48655..89d6b4f1 100644 --- a/docs/app/pages/home/landing-home.component.html +++ b/docs/app/pages/home/landing-home.component.html @@ -5,7 +5,6 @@ - diff --git a/docs/app/pages/home/landing-home.module.ts b/docs/app/pages/home/landing-home.module.ts index 9a181c89..7e744f95 100644 --- a/docs/app/pages/home/landing-home.module.ts +++ b/docs/app/pages/home/landing-home.module.ts @@ -23,7 +23,6 @@ import { ContactSectionComponent } from './contact-section/contact-section.compo import { OurProjectsSectionComponent } from './our-projects-section/our-projects-section.component'; import { LandingHomeRoutingModule } from './landing-home-routing.module'; import { NgxLandingSectionsContainerComponent } from './sections-container/ngx-landing-sections-container.component'; -import { BannerComponent } from './banner/banner.component'; // components const COMPONENTS = [ @@ -37,7 +36,6 @@ const COMPONENTS = [ OurProjectsSectionComponent, SocialSectionComponent, ContactSectionComponent, - BannerComponent, ]; @NgModule({ diff --git a/src/app/@theme/components/banner/banner.component.scss b/src/app/@theme/components/banner/banner.component.scss deleted file mode 100644 index 42ac9245..00000000 --- a/src/app/@theme/components/banner/banner.component.scss +++ /dev/null @@ -1,78 +0,0 @@ -/** - * @license - * Copyright Akveo. All Rights Reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - */ - -@import '../../styles/themes'; - -:host { - position: fixed; - @include nb-ltr(right, 1.5rem); - @include nb-rtl(left, 1.5rem); - top: 20vh; - border-radius: 5px; - background-color: #dc5425; - box-shadow: 0 2px 4px 0 rgba(189, 93, 60, 0.54); - z-index: 99999999; - - .heading-with-icon { - display: flex; - align-items: center; - } - - .icon { - height: auto; - width: 77px; - margin: 0 26px; - } - - .banner-heading { - font-size: 14px; - line-height: 20px; - font-weight: 700; - margin: 0; - color: #ffffff; - } - - .banner-content { - padding-top: 36px; - padding-bottom: 36px; - } - - .close-button { - background: none; - border: none; - cursor: pointer; - margin-bottom: auto; - padding: 10px; - color: #ffffff; - } - - .nb-close { - font-size: 24px; - font-weight: 600; - } - - .cta { - margin: 8px 0 0; - font-size: 14px; - color: #ffffff; - } - - .cta-link { - font-size: 10px; - border-radius: 2px; - display: inline-block; - padding: 4px 16px; - margin: 0 10px; - text-transform: uppercase; - font-weight: 700; - background: #ffffff; - color: #000000; - } - - @media screen and (max-width: 767px) { - display: none; - } -} diff --git a/src/app/@theme/components/banner/banner.component.ts b/src/app/@theme/components/banner/banner.component.ts deleted file mode 100644 index 2043be01..00000000 --- a/src/app/@theme/components/banner/banner.component.ts +++ /dev/null @@ -1,63 +0,0 @@ -/** - * @license - * Copyright Akveo. All Rights Reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - */ - -import { Component, HostBinding, Inject, OnInit } from '@angular/core'; -import { NB_WINDOW } from '@nebular/theme'; - -const HIDE_BANNER_KEY = 'HIDE_PRODUCT_HUNT_BANNER'; - -@Component({ - selector: 'ngx-release-banner', - template: ` -
- Product Hunt - - -
- `, - styleUrls: ['./banner.component.scss'], -}) -export class BannerComponent implements OnInit { - - storage: Storage; - - @HostBinding('attr.hidden') - isHidden: true | null = null; - - @HostBinding('attr.dir') - dir = 'ltr'; - - constructor( - @Inject(NB_WINDOW) private window, - ) {} - - ngOnInit() { - this.storage = this.window.localStorage; - - this.isHidden = this.storage && this.storage.getItem(HIDE_BANNER_KEY) - ? true - : null; - } - - closeBanner() { - if (this.storage) { - this.storage.setItem(HIDE_BANNER_KEY, 'true'); - } - this.isHidden = true; - } -} diff --git a/src/app/@theme/layouts/sample/sample.layout.ts b/src/app/@theme/layouts/sample/sample.layout.ts index 1fe42c9f..0f8b2c33 100644 --- a/src/app/@theme/layouts/sample/sample.layout.ts +++ b/src/app/@theme/layouts/sample/sample.layout.ts @@ -58,7 +58,6 @@ import { StateService } from '../../../@core/utils'; - `, }) export class SampleLayoutComponent implements OnDestroy { diff --git a/src/app/@theme/styles/themes.scss b/src/app/@theme/styles/themes.scss index dbddbf6b..4100e7e0 100644 --- a/src/app/@theme/styles/themes.scss +++ b/src/app/@theme/styles/themes.scss @@ -40,11 +40,6 @@ $nb-themes: nb-register-theme(( ecommerce-card-border-width: 1px, progress-bar-background: linear-gradient(90deg, #3edd81 0%, #3bddaf 100%), - - release-banner-fg: #ffffff, - release-banner-bg: #3366ff, - release-banner-cta: release-banner-fg, - release-banner-separator: #2454e3, ), default, default); $nb-themes: nb-register-theme(( @@ -81,11 +76,6 @@ $nb-themes: nb-register-theme(( ecommerce-card-border-width: 1px, progress-bar-background: linear-gradient(90deg, #00c7c7 0%, #00d977 100%), - - release-banner-fg: #3366ff, - release-banner-bg: #ffffff, - release-banner-cta: #5d72b3, - release-banner-separator: #ebedf2, ), cosmic, cosmic); $nb-themes: nb-register-theme(( @@ -122,9 +112,4 @@ $nb-themes: nb-register-theme(( ecommerce-card-border-width: 1px, progress-bar-background: linear-gradient(90deg, #ff9f6f 0%, #ff8b97 100%), - - release-banner-fg: #ffffff, - release-banner-bg: #3366ff, - release-banner-cta: release-banner-fg, - release-banner-separator: #2454e3, ), corporate, corporate); diff --git a/src/app/@theme/theme.module.ts b/src/app/@theme/theme.module.ts index 7d96ff89..a4fd8c43 100644 --- a/src/app/@theme/theme.module.ts +++ b/src/app/@theme/theme.module.ts @@ -69,7 +69,6 @@ import { import { DEFAULT_THEME } from './styles/theme.default'; import { COSMIC_THEME } from './styles/theme.cosmic'; import { CORPORATE_THEME } from './styles/theme.corporate'; -import { BannerComponent } from 'app/@theme/components/banner/banner.component'; import { CallActionCardComponent } from './components/call-action-card/call-action-card.component'; const BASE_MODULES = [CommonModule, FormsModule, ReactiveFormsModule]; @@ -124,7 +123,6 @@ const COMPONENTS = [ SampleLayoutComponent, ThreeColumnsLayoutComponent, TwoColumnsLayoutComponent, - BannerComponent, ToggleSettingsButtonComponent, CallActionCardComponent, ];