Weird white zone at the left of app iframe

Since last week all apps now have weird empty white zone at the left of app iframe (not part of iframe) and it looks really weird for apps that have not white background at that area, like Tempo and many other apps: https://take.ms/0kx3X

Do people from Jira know about this bug? And when could we expect the fix?

Hey @anton2 seems to be intentional and not a bug: https://blog.developer.atlassian.com/change-notice-padding-update-for-jira-cloud-navigation-ui/

But it does mention it is a temporary fix.

3 Likes

Thanks! Will definitely subscribe to their blog.

…to ensure that our sidebar does not interfere with how vendors want to build their embedded products

As a vendor I can add my own left margin inside the iframe if I want. Now EVERY app has this space, and it looks horrible in certain cases, e.g. when I want to cover my whole app with a dark blanket under modal etc.

TBH I don’t get why Atlassian is rolling such changes to production, and only then asking for feedback…

1 Like

Totally agree, let vendors set spacing by themselves, if they need.

Btw the modals look awful now(( didn’t noticed that before: https://take.ms/VPJO4

In my case modals & general page look awful now… is it possible to apply Custom CSS so i can fill the colour so at-least my page look good…

1 Like

Well in fairness to Atlassian - you’re not using Connect dialogs so the blanket won’t cover the entire screen… Unfortunately Atlaskit isn’t Connect aware which causes some pain points (or should that be that Connect isn’t Atlaskit aware?).

You’ll have to add a dialog module to your descriptor and trigger it, have that end point render the dialog (without the blanket).

<offtopic>
I think a lot of apps are not using Connect dialogs and there are pretty good reasons not to do so, at least in my experience:

  1. They’re slooooooow to open compared to “inside-the-iframe-dialog”, even if they’re properly cached.
  2. It’s a little pain in the back to efficiently communicate between dialog and your main window, usually causing a lot of data duplication, sync problems, unnecessary fetching etc.
  3. Managing every dialog in descriptor is a lot of additional effort, unless you have “one-dialog-to-rule-them-all” approach - but then you probably have a lot of resource overhead.

</offtopic>

Anyway, I was totally fine with opening my dialogs inside the main iframe, at it looked and worked pretty nice before this padding change. Seems like a lot of folks feel the same way.

3 Likes

Totally agree with all points, we don’t use Jira dialogs for the same reasons.

I think there a lot of reason to remove the new spacing after menu.

Totally agree that the white space bar looks like from the other world…
Atlassian has put so much effort to polish the Cloud UI and now introducing quite a weird 20 pixels white bar that ruins this effort.

The blog post mentioned above had an email address specified for suggestion/recommendation and I sent one but got no reply for more than a week…

So, I copied the email here to hopefully get more attention:

I perfectly understand why you added that 20px padding as we were experiencing the same annoying left panel opening when moving mouse near to the panel’s border.

In ActivityTimeline for Jira Cloud app, we implemented 20px border of the color of the left panel within the app’s frame that was mimicking your current fix.

That looks much more natural and does not add a white separator between Jira’s panel and app’s left side panel:
image

So, the recommendation is to make the white bar of color of the let panel, and the change will be really simple for you - just change one CSS on your side:

Change this:

#content>div>.ap-container {
   padding-left: 20px;
}

to this:

#content>div>.ap-container {
   border-left: 20px solid rgb(7, 71, 166);
}

I believe that will look much more better for any app that have gray navigation panel at the left side or some controls as it will look just like the extension of the left panel.

Hope you could consider this suggestion!

Expanded left menu:
image

Oleh

Hi everyone,

Really appreciate the discussion that’s happening here. My name’s Matt and I work on the product management team for Jira Cloud, specifically in the findability & navigation space. As mentioned in the blog post, this change is intended to be a short-term and interim solution that we felt would be the most acceptable tradeoff to make given our current constraints.

I’ve forwarded the suggestions mentioned to our designer for future consideration. We are very early in our explorations and design thinking of how we’ll tackle this in the future. While I can’t commit to an exact date of when we’ll have something ready, I am more than happy to book some time to chat with our community of app developers to better understand the needs with respect to Jira’s navigation UI. I feel very strongly about bringing you folks along the journey that we’re about to embark on to make our navigation awesome.

Please stay tuned for additional comms from me. I’m in the midst of sorting out my calendar and will come back to this group with availability on when we can chat further.

Cheers,
Matt

2 Likes