Commit ec4cd2e1 authored by Jacob's avatar Jacob

details additional styles

parent f0a46f85
......@@ -245,11 +245,11 @@ div.list-group.search-results div div div.list-group-item.list-group-item-action
.collapseInfo {
border-bottom:1px solid #eee;
}
.collapseInfo, .collapseSharing, .collapseDescription {
.collapseInfo, .collapseSharing, .collapseNutrition, .collapseDescription {
padding:10px 10px;
background:#f7f7f7;
}
.collapseSharing, .collapseDescription {
.collapseSharing, .collapseDescription, collapseNutrition {
border-bottom:1px solid #b6b6b5;
}
.collapse .card .card-body .row {
......
......@@ -294,15 +294,15 @@
<div (click)="goodLifeCollapse= !goodLifeCollapse"
[attr.aria-expanded]="!infoCollapsed" aria-controls="collapseInfo"
class="collapseInfo">
<i class="_fa _fa-undo _fa-lg listicon info" aria-hidden="true">&nbsp;</i>Ort des Guten Lebens<i [ngClass]="{'fa':true,'fa-lg':true,'fa-angle-down':!infoCollapsed,'fa-angle-right':infoCollapsed, 'fa-right':true}"
<i class="listicon gp_betterlife" aria-hidden="true">&nbsp;</i>Ort des Guten Lebens<i [ngClass]="{'fa':true,'fa-lg':true,'fa-angle-down':!infoCollapsed,'fa-angle-right':infoCollapsed, 'fa-right':true}"
aria-hidden="true">&nbsp;</i>
</div>
</div>
<div id="collapseInfo" [ngbCollapse]="goodLifeCollapse">
<div class="card">
<div class="card-body">
<div class="elementbli">
<div class="form-group row item-detail">
<label for="elementBli" class="col-sm col-form-label">
......@@ -312,7 +312,7 @@
<br>
<app-bli class="bli-app" [node]="nodeService.detailView" [displayType]="'icons_and_labels'"></app-bli>
</div>
......@@ -324,7 +324,7 @@
</div>
<div name="description" class="col">{{nodeService.detailView.description}}</div>
</div>
</div>
......@@ -343,7 +343,7 @@
<div class="elementtitle d-none">
<strong>Ein Ort des Guten Lebens in den Kategorien...</strong>
</div>
......@@ -380,7 +380,7 @@
<span class="form-control-plaintext" id="elementKey">{{nodeService.detailView.getTagValue('_gpd:welfare')}}</span>
</div>
</div>
<div class="form-group row item-detail">
......@@ -442,7 +442,7 @@
<div id="collapseSharing" [ngbCollapse]="sharingCollapsed">
<div class="card container">
<div class="card-body">
<div *ngIf="nodeService.detailView.hasTag('_gpd:sharing_offers')" class="form-group row item-detail">
<label for="elementKey" class="col-sm-4 col-form-label">
<strong>Angebote des Teilen und Schenkes</strong>
......@@ -451,7 +451,7 @@
<span class="form-control-plaintext"
id="elementKey">{{nodeService.detailView.getTagValue('_gpd:sharing_offers')}}</span>
</div>
</div>
</div>
<div *ngIf="nodeService.detailView.hasTag('_gpd:sharing_organisator')" class="form-group row item-detail">
<label for="elementKey" class="col-sm-4 col-form-label">
......@@ -463,7 +463,7 @@
</div>
</div>
<div *ngIf="nodeService.detailView.hasTag('_gpd:sharing_free_offers')" class="form-group row item-detail">
<label for="elementKey" class="col-sm-4 col-form-label">
<strong>Kostenfreie Angebote</strong>
......@@ -484,15 +484,15 @@
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementNutrition">
<div class="">
<div class="form-group ">
......@@ -500,14 +500,14 @@
<div (click)="nutritionCollapsed = !nutritionCollapsed"
[attr.aria-expanded]="sharingCollapsed" aria-controls="collapseNutrition"
class="collapseNutrition">
<i class="listicon gp_nutrition" aria-hidden="true">&nbsp;</i>Dieser Ort und nachhaltige Ernährung<i [ngClass]="{'fa':true,'fa-lg':true,'fa-angle-down':!nutritionCollapsed,'fa-angle-right':nutritionCollapsed, 'fa-right':true}"
<i class="listicon gp_food" aria-hidden="true">&nbsp;</i>Dieser Ort und nachhaltige Ernährung<i [ngClass]="{'fa':true,'fa-lg':true,'fa-angle-down':!nutritionCollapsed,'fa-angle-right':nutritionCollapsed, 'fa-right':true}"
aria-hidden="true">&nbsp;</i>
</div>
</div>
<div id="collapseNutrition" [ngbCollapse]="nutritionCollapsed">
<div class="card container">
<div class="card-body">
<div *ngIf="nodeService.detailView.hasTag('_gpd:sustainable_nutrition')" class="form-group row item-detail">
<label for="elementKey" class="col-sm-4 col-form-label">
<strong>Angebote zum Thema nachhaltige Ernährung</strong>
......@@ -516,7 +516,7 @@
<span class="form-control-plaintext"
id="elementKey">{{nodeService.detailView.getTagValue('_gpd:sustainable_nutrition')}}</span>
</div>
</div>
</div>
<div *ngIf="nodeService.detailView.hasTag('_gpd:sustainable_nutrition_assortment')" class="form-group row item-detail">
<label for="elementKey" class="col-sm-4 col-form-label">
......@@ -533,8 +533,8 @@
</div>
</div>
</div>
<br>
<div *ngIf="!nodeService.detailView.knownEntity()" class="elementnew exclamation">
<i class="gp_warning uiicon" aria-hidden="true">&nbsp;</i>
......
......@@ -124,6 +124,16 @@
background-size: 16px;
}
.gp_betterlife:before {
background: url("/assets/icons/gp_betterlife.svg") no-repeat 0 0;
background-size: 16px;
}
.gp_food:before {
background: url("/assets/icons/gp_food.svg") no-repeat 0 0;
background-size: 16px;
}
.icon_big:before{
display: inline-block;
width:32px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment