design announcement image for item

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

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

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