design announcement image for item

enad-Q1
enadhilal 5 years ago
parent 32f2900a90
commit 301dafbf3f

@ -38,8 +38,8 @@
</ion-card-content>
</ion-card>
<ion-item *ngIf="i > 0 && !item.isOpen && item.img" (click)="toggleAnnouncement(item)" lines='none' class="announcement-items">
<img [src]="item.img" class="image-item">
<ion-item no-padding *ngIf="i > 0 && !item.isOpen && item.img" (click)="toggleAnnouncement(item)" lines='none' class="announcement-items">
<img [src]="item.img" [ngClass]="direction === 'en'? 'image-item-en': 'image-item-ar' ">
<ion-label style="margin: 5px; margin-top: -20px;">
<h2 class="item-list-h" *ngIf="direction === 'en'">{{item.title_EN}}</h2>
<p class="item-list-p-title" *ngIf="direction === 'en'">{{item.body_EN}}</p>

@ -31,16 +31,19 @@
.class-item-close {
}
.image-item {
// width: 30%;
// height: 70%;
// margin-top: 30px;
// border: 1px solid white;
// border-radius: 11px;
// margin-bottom: 25px;
.image-item-en {
padding-left: 5px;
width: 100px;
height: 100px;
margin-top: 1px;
min-height: 100px;
border: 5px solid white;
border-radius: 11px;
border-left: 0px;
border-right: 0px;
}
.image-item-ar {
padding-right: 5px;
width: 100px;
min-height: 100px;
border: 5px solid white;
border-radius: 11px;
border-left: 0px;
@ -74,7 +77,7 @@
.item-list-first-h {
font: normal normal bold 23px/24px Poppins;
letter-spacing: -1.38px;
letter-spacing: -0.3px;
color: #ffffff;
white-space: break-spaces;
}
@ -130,3 +133,6 @@
width: 200px;
}
.item-native {
padding-left: 5px !important;
}
Loading…
Cancel
Save