Sass Variables Overrides not working on iOS devices


#1

Hi, basically I’m overriding a few sass variables and everything is working great in the browser while developing.

I made a few tweaks to the src/theme/variables.scss i.e.

// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here
$list-ios-margin-bottom: 135px; // spacing for player

// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here
$list-md-margin-bottom: 155px; // spacing for player

// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here
$list-wp-margin-bottom: 155px; // spacing for player

They seem to work fine except once in Ionic View or even on a build pushed via XCode the bottom margin isn’t being altered like in the browser. Even in Chrome when I select iPhone as a device I can see the UI changing and the margin is working fine but again, it won’t show up on device.

Feel free to ask for more information but I think this is a pretty simple issue maybe I’m just doing something wrong in the process hehe :smile: Anybody has an idea of why it could happen?

Thanks!


#2

Anyone encounters that bug? I have yet to figure out why this is happening.