Hi, I am trying to figure out why there is a blue border below the header of every Mobile app. None of the components or themes are set to have a blue color, yet it still appears. I even tried with a fresh new app and it's there by default.
Just following up on this, because I am making a lot of functional mockups right now in Retool Mobile to show off app ideas and I hesitate to show them off to decision makers because that blue top border looks like an oversight.
Can we please have an option to control its visibility, color and/or thickness?
Hey @27shutterclicks! Definitely strange—I'm not seeing the same blue header on my end. Do you know if you have any global CSS set under your Settings > Advanced ? Preloaded CSS field? Also, if it's alright with you, I'd be happy to step into your app and poke around to see if I can find the source of this mysterious blue border!
Oh, that's super helpful. I looked at a few other examples and it seems like this blue line is related to the new Runtime (blue line means new Runtime). You can click on the Runtime section in the bottom of your apps to remove the blue line.
I filed this with the Mobile team to see how we can remove the blue line, I definitely understand not wanting it to show up in your apps! Thank you for surfacing this
Good news! The mobile team is planning to remove it this week, which means it should be gone by next week’s Cloud release. We will instead add a red line for the legacy runtime to indicate that an upgrade is recommended.
Functionally, the only difference is that the new runtime is faster. It shouldn't have any other affects otherwise and you should be able to downgrade/upgrade without introducing any breaking changes. There can always be edge cases, though, so definitely let us know if you hit any snags when downgrading/upgrading and we'll make sure to get you back to a working state!