Merge pull request #403 from ngx-builders/fix--card-component

fix: card component header

Author: AnkitSharma-007

projects/bulma-app/src/app/card/card.component.html

@@ -14,11 +14,9 @@
         </a>
       </bu-card-header>
       <bu-card-content>
-        <div class="content">
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
-          <a href="#">@bulmaio</a>. <a href="#">#css</a> <a href="#">#responsive</a>
-          <br />
-        </div>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
+        <a href="#">@bulmaio</a>. <a href="#">#css</a> <a href="#">#responsive</a>
+        <br />
       </bu-card-content>
       <bu-card-footer>
         <a href="#" class="card-footer-item">Save</a>

projects/ngx-bulma/src/lib/card/card-content/card-content.component.html

@@ -1,5 +1,3 @@
-<div class="card-content">
-    <div class="content">
-        <ng-content></ng-content>
-    </div>
-</div>
+<div class="content">
+  <ng-content></ng-content>
+</div>

projects/ngx-bulma/src/lib/card/card-content/card-content.component.ts

@@ -1,17 +1,22 @@
-import { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  HostBinding,
+  OnInit,
+  ViewEncapsulation,
+} from '@angular/core';
 
 @Component({
   selector: 'bu-card-content',
   templateUrl: './card-content.component.html',
   styleUrls: ['./card-content.component.css'],
   encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class BulmaCardContentComponent implements OnInit {
+  @HostBinding('class') class = 'card-content';
 
-  constructor() { }
-
-  ngOnInit() {
-  }
+  constructor() {}
 
+  ngOnInit() {}
 }

projects/ngx-bulma/src/lib/card/card-title/card-title.component.html

@@ -1,3 +1 @@
-<p class="card-header-title">
-    <ng-content></ng-content>
-</p>
+<ng-content></ng-content>

projects/ngx-bulma/src/lib/card/card-title/card-title.component.ts

@@ -1,17 +1,22 @@
-import { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  HostBinding,
+  OnInit,
+  ViewEncapsulation,
+} from '@angular/core';
 
 @Component({
   selector: 'bu-card-title',
   templateUrl: './card-title.component.html',
   styleUrls: ['./card-title.component.css'],
   encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class BulmaCardTitleComponent implements OnInit {
+  @HostBinding('class') class = 'card-header-title';
 
-  constructor() { }
-
-  ngOnInit() {
-  }
+  constructor() {}
 
+  ngOnInit() {}
 }