I came across this post after having the same issue. I used the CSS code that was provided in the comments below, but wanted to know how can you permanently set this? When I refreshed the page, it went back to the old coding.
Did you use Stylus or did you inserted the CSS in the Style Editor tab in the browser? In the second case the changes canât survive a page refresh. The Stylus plugin is the way to save them permanently.
Agreed Iâm surprised this isnât an official feature request⊠or is it? I find it so strange I canât have all my users just drag the width of the pane like they can the columns.
I have a workaround using bookmarklets for people who donât want to install an extension. To use, drag the link below to your bookmark bar, then navigate to an Asana page and click it. It will change the styling in your currently open page.
javascript:(function(){ var desiredWidth = '480px'; if (document.querySelector('.AsanaMain-sidebar').style.width != desiredWidth){document.querySelector('.AsanaMain-sidebar').style.width=desiredWidth}else{document.querySelector('.AsanaMain-sidebar').style.width='240px'}})();
How about for the desktop app?
I mean the functionality is clearly there because you can do it with the Dev Tools (click and drag the divider).
Iâm surprised that this is not built in. Any advice or updates on this?
My team would love this feature. Clicking and dragging the side bar doesnât seem to change the width either in the browser app or desktop app. Has this new interface been fully released yet?
Hi @anon9402732 , I donât work for Asana and since they donât make their roadmap public, the launch of the new redesign is unknown, so we all have to sit tight! Shouldnât be much longerâŠ
You can also follow the original post with the announcement by @Marie to know when it will be released: