fix demo layout tag and social (#2473)

This commit is contained in:
Eugenio Romano
2017-10-14 08:33:15 +01:00
committed by Denys Vuika
parent 892157f01c
commit d6c5c7707f
4 changed files with 42 additions and 35 deletions

View File

@@ -1,16 +1,17 @@
<label for="nodeId"><b>Insert Node Id</b></label><br>
<input id="nodeId" type="text" size="48" [(ngModel)]="nodeId"><br>
<md-grid-list cols="2" rowHeight="100px">
<md-grid-tile>
<md-list>
<md-list-item> <div class="adf-social-title" >Like component</div> </md-list-item>
<md-list-item> <adf-like [nodeId]="nodeId"></adf-like></md-list-item>
</md-list>
</md-grid-tile>
<md-grid-tile>
<md-list>
<md-list-item> <div class="adf-social-title" >Rating component</div> </md-list-item>
<md-list-item> <adf-rating [nodeId]="nodeId"></adf-rating></md-list-item>
</md-list>
</md-grid-tile>
</md-grid-list>
<div fxLayout="row" fxLayout.lt-lg="column" fxLayoutAlign="stretch">
<div class="adf-social-example-area" fxFlex.gt-md="1 1 auto">
<md-card>
<div class="adf-social-title">Like component</div>
<adf-like [nodeId]="nodeId"></adf-like>
</md-card>
</div>
<div class="adf-social-example-area" fxFlex.gt-md="1 1 auto">
<md-card>
<div class="adf-social-title">Rating component</div>
<adf-rating [nodeId]="nodeId"></adf-rating>
</md-card>
</div>
</div>

View File

@@ -1,3 +1,8 @@
.adf-social-title{
.adf-social-example-area {
margin: 10px;
}
.adf-social-example-title {
padding-bottom: 12px;
}

View File

@@ -1,19 +1,21 @@
<label for="nodeId"><b>Insert Node Id</b></label><br>
<input id="nodeId" type="text" size="48" [(ngModel)]="nodeId"><br>
<div class="adf-tag-example-area">
<md-card>
<adf-tag-node-actions-list [nodeId]="nodeId"></adf-tag-node-actions-list>
</md-card>
</div>
<div class="adf-tag-example-area">
<md-card>
<div class="adf-tag-example-title">List Tags Content Services</div>
<adf-tag-list></adf-tag-list>
</md-card>
</div>
<div class="adf-tag-example-area">
<md-card>
<div class="adf-tag-example-title">Tag list By Node ID</div>
<adf-tag-node-list [nodeId]="nodeId"></adf-tag-node-list>
</md-card>
<div fxLayout="row" fxLayout.lt-lg="column" fxLayoutAlign="stretch">
<div class="adf-tag-example-area" fxFlex.gt-md="1 1 auto">
<md-card>
<adf-tag-node-actions-list [nodeId]="nodeId"></adf-tag-node-actions-list>
</md-card>
</div>
<div class="adf-tag-example-area" fxFlex.gt-md="1 1 auto">
<md-card>
<div class="adf-tag-example-title">List Tags Content Services</div>
<adf-tag-list></adf-tag-list>
</md-card>
</div>
<div class="adf-tag-example-area" fxFlex.gt-md="1 1 auto">
<md-card>
<div class="adf-tag-example-title">Tag list By Node ID</div>
<adf-tag-node-list [nodeId]="nodeId"></adf-tag-node-list>
</md-card>
</div>
</div>

View File

@@ -1,9 +1,8 @@
.adf-tag-example-area {
width: calc(33.3333333333% - 16px);
margin: 8px;
float: left;
margin: 10px;
}
.adf-tag-example-title {
padding-bottom: 12px;
}