SCSS Question

Hi All,

I have a round image that in a browser appears round. However, when I build the apk and run it on my android phone, the image is distorted (width greater than height). How do I enforce that it stays round?

Thanks

html

<p class="item-selected-row search-right"><img class="item-stable" id="icon-image-{{subcategory.id}}" src="{{subcategory.icon}}" height="23" width="23" /></p>

scss

.item-selected-row {
    display: inline-flex;
}
.search-right {
    float: right;
}
img.item-stable {
    
}

I would suggest remotely inspect the element on-device (using Chrome’s remote debugging function). That will give you insight to understanding the values that are being calculated for the element and how you might patch them.

Chris

Thanks Chris, I’ll give that a try. I learn something new everyday

Chris do you have any ideas. I can’t access my server from my Android phone.

10.0.0.6:8100  (ionic serve)
10.0.0.6:8080 (WildFly Server)

Wireless LAN adapter Wireless Network Connection (Windows 10):

   Connection-specific DNS Suffix  . :
   Link-local IPv6 Address . . . . . : fe80::1596:563:8ee9:43bd%8
   IPv4 Address. . . . . . . . . . . : 10.0.0.6
   Subnet Mask . . . . . . . . . . . : 255.255.255.0
   Default Gateway . . . . . . . . . : 10.0.0.2

I have created rules in the Windows Firewall to allow access on 8080 and 8100.

If I have the Firewall on, it just hangs. If I switch off the Firewall, I get ERR_CONNECTION_REFUSED.