#150 Removal of inherited css + restyling using bootstrap classes

This commit is contained in:
Jonas Van Goolen
2017-11-13 13:37:02 +01:00
parent 68dd411ae7
commit 7ae8950be5
21 changed files with 58 additions and 76 deletions

View File

@@ -3,10 +3,11 @@
<ds-comcol-page-logo [logo]="dso.logo">
</ds-comcol-page-logo>
</a>
<div class="card-block">
<div class="card-body">
<h4 class="card-title">{{dso.name}}</h4>
<p *ngIf="dso.shortDescription" class="card-text">{{dso.shortDescription}}</p>
<a [routerLink]="['/collections/' + dso.id]" class="lead btn btn-primary viewButton">View</a>
<div class="text-center">
<a [routerLink]="['/collections/' + dso.id]" class="lead btn btn-primary viewButton">View</a>
</div>
</div>
</div>

View File

@@ -1,2 +1 @@
@import '../../../../../styles/variables';
@import '../../grid-card-styling';

View File

@@ -4,9 +4,11 @@
<ds-comcol-page-logo [logo]="dso.logo">
</ds-comcol-page-logo>
</a>
<div class="card-block">
<div class="card-body">
<h4 class="card-title">{{dso.name}}</h4>
<p *ngIf="dso.shortDescription" class="card-text">{{dso.shortDescription}}</p>
<a [routerLink]="['/communities/' + dso.id]" class="lead btn btn-primary viewButton">View</a>
<div class="text-center">
<a [routerLink]="['/communities/' + dso.id]" class="lead btn btn-primary viewButton">View</a>
</div>
</div>
</div>

View File

@@ -1,2 +1,2 @@
@import '../../../../../styles/variables';
@import '../../grid-card-styling';

View File

@@ -1,10 +1,10 @@
<div class="card">
<a [routerLink]="['/items/' + dso.id]" class="card-img-top">
<a [routerLink]="['/items/' + dso.id]" class="card-img-top full-width">
<ds-grid-thumbnail [thumbnail]="dso.getThumbnail()">
</ds-grid-thumbnail>
</a>
<div class="card-block">
<p class="card-title" [innerHTML]="dso.findMetadata('dc.title')"></p>
<div class="card-body">
<h4 class="card-title" [innerHTML]="dso.findMetadata('dc.title')"></h4>
<p *ngIf="dso.filterMetadata(['dc.contributor.author', 'dc.creator', 'dc.contributor.*'])"
class="item-authors card-text text-muted">
@@ -25,7 +25,9 @@
<p class="item-abstract card-text" [innerHTML]="getFirstValue('dc.description.abstract') | dsTruncate:[200]">
</p>
<a [routerLink]="['/items/' + dso.id]" class="lead btn btn-primary viewButton">View</a>
<div class="text-center">
<a [routerLink]="['/items/' + dso.id]" class="lead btn btn-primary viewButton">View</a>
</div>
</div>
</div>

View File

@@ -1,2 +1,2 @@
@import '../../../../../styles/variables';
@import '../../grid-card-styling';

View File

@@ -1,5 +1,4 @@
@import '../../../../styles/variables';
@import '../grid-card-styling';
:host {
/deep/ em {
font-weight: bold;