Comcol component - adding styles

This commit is contained in:
lhenze
2019-08-21 13:59:54 -04:00
parent b9baecd573
commit 16b3e8af35
3 changed files with 9 additions and 3 deletions

View File

@@ -1,4 +1,6 @@
<div role="navigation" class="comcol-browse">
<div class="comcol-browse-label">{{'browse.comcol.head' | translate}}</div> <div class="comcol-browse-label">{{'browse.comcol.head' | translate}}</div>
<div class="list-group list-group-horizontal"> <div class="list-group list-group-horizontal">
<a *ngFor="let config of types" class="list-group-item" [routerLink]="['/browse/' + config.id]" [queryParams]="{scope: id}" routerLinkActive="active">{{'browse.comcol.by.' + config.id | translate}}</a> <a *ngFor="let config of types" class="list-group-item" [routerLink]="['/browse/' + config.id]" [queryParams]="{scope: id}" routerLinkActive="active">{{'browse.comcol.by.' + config.id | translate}}</a>
</div> </div>
</div>

View File

@@ -0,0 +1,3 @@
.comcol-browse {
margin: 2rem 0 ;
}

View File

@@ -8,6 +8,7 @@ import { BrowseByTypeConfig } from '../../../config/browse-by-type-config.interf
*/ */
@Component({ @Component({
selector: 'ds-comcol-page-browse-by', selector: 'ds-comcol-page-browse-by',
styleUrls: ['./comcol-page-browse-by.component.scss'],
templateUrl: './comcol-page-browse-by.component.html', templateUrl: './comcol-page-browse-by.component.html',
}) })
export class ComcolPageBrowseByComponent implements OnInit { export class ComcolPageBrowseByComponent implements OnInit {