Content overshoots background image

@rajkhowa wrote:

In my app i am using a background image for a page and it is working fine. The code i am using is:

ion-content {
background-image: url(…/assets/img/awesome.png);
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}

But when the number of rows get increased then the content overshoots the background image and it looks quite bad. The code to display the content is as below:

Project
Login ID
Password
<ion-col col-2 *ngIf=“buttonclicked”>Edit

{{item.projectname}}
{{item.loginid}}
{{item.password}}

<button ion-button color=“whitish” menuToggle strong *ngIf=“buttonclicked”
(click)=“editdata(item)”>







<button ion-button (click)=“onbuttonclick()”>
Edit

I am attaching the app screenshot.

Screenshot.jpg1080x1920 326 KB

Can you please help me to figure out this problem?

Posts: 1

Participants: 1

Read full topic