Running app with --prod but css issues even with latest ionic


#1

my html

<ion-footer class="row">
  <ion-item class="cancel" (click)="cancel()">Cancel</ion-item>  
  <ion-item class="submit-button" (click)="changePassword()" id="change_password">Update</ion-item>  
</ion-footer>

my scss

.submit-button,.cancel{
    text-align: center;
    background: #c91a23;
    color: white;
    width: 50%;
}
.cancel{
    border-right: solid 1px white;
}

I am supposed to get like

temp

but getting like

temp


#2

Did you remote debug the problem on the device already?
Follow these instructions here to debug the problem in Safari dev tools:
https://ionic.zone/debug/remote-debug-your-app#ios
Follow these instructions here to debug the problem in Chrome dev tools:
https://ionic.zone/debug/remote-debug-your-app#android
Look at the console and network tabs for errors.


#3

in chrome and in emulator works fine but not in device


#4

Yes, then remote debug on the device.


#5

thanks man got css back …


#6

What caused it? Share so other readers can learn as well.


#7

we have class row and class col in ionic html where row width will be 100% and inside row class col classes will divide that row width percentage accordingly but in ionic cordova run --prod it didn’t work so I manually gave width row to 100% and col accordingly

in above images I gave "cancel class width to 50% " and " update to 50% "
and to cancel I gave  " float left " so I got like 1st image 

thanks