bugfix
parent
8e8f235626
commit
b8ccc534ac
|
|
@ -18,7 +18,7 @@
|
|||
}
|
||||
}
|
||||
.large img{
|
||||
max-width: 100%;
|
||||
|
||||
border-radius: 12px;
|
||||
border: 1px solid rgba(45, 45, 45, 0.27);
|
||||
}
|
||||
|
|
@ -46,11 +46,13 @@
|
|||
&.large{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.item{
|
||||
max-width: 100%;
|
||||
margin-bottom: 32px;
|
||||
img{
|
||||
max-height: 468px;
|
||||
max-width: 900px;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,9 +8,9 @@
|
|||
|
||||
|
||||
<div class="list">
|
||||
<div class="item" *ngFor="let member of members">
|
||||
<div class="item" *ngFor="let member of members; let i=index;">
|
||||
<page-menu [editMode]="editMode" [section]="member" [modelId]="modelId" [modelType]="modelType"></page-menu>
|
||||
<img [src]="getFields(member)['member-image']?.links?.full || cover" class="image" (click)="showImage=true"/>
|
||||
<img [src]="getFields(member)['member-image']?.links?.full || cover" class="image" (click)="showImage[i]=true"/>
|
||||
<div class="name" [innerHTML]="getFields(member)['member-name-required']"></div>
|
||||
<div class="position" [innerHTML]="getFields(member)['member-position-required']" *ngIf="getFields(member)['member-position-required']"></div>
|
||||
<a class="link tel" [innerHTML]="getFields(member)['member-phone']" [href]="'tel:'+getFields(member)['member-phone']" *ngIf="getFields(member)['member-phone']"></a>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- <pre >{{getFields(member)|json}}</pre> -->
|
||||
<img [src]="photo(member)" class="full-screen" *ngIf="showImage" (click)="showImage=false"/>
|
||||
<img [src]="getFields(member)['member-image']?.links?.full || cover" class="full-screen" [hidden]="!showImage[i]" (click)="showImage[i]=false"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -179,5 +179,8 @@
|
|||
padding: 0 24px;
|
||||
}
|
||||
}
|
||||
.hidden{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ export class MemberSectionListComponent {
|
|||
@Input() editMode: boolean;
|
||||
@Input() page: any;
|
||||
|
||||
public showImage = false;
|
||||
public showImage:boolean[] = [];
|
||||
public showDescription = false;
|
||||
|
||||
constructor(
|
||||
|
|
|
|||
Loading…
Reference in New Issue