Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Hide right panel in issue view

Is it possible to hide and/or shrink the right panel when viewing an issue in issue view? Sometimes I just want to focus on the description and the issue but the right panel is taking up alot of room (1/3 of the page width)

12 answers

I second the motion on hiding the right panel. It is massive and not necessary to view all the time. It makes the main center panel much too limited (sorry this is not an answer - just hoping Atlassian takes notice).

Yes, what a travesty of design! What were people thinking - were they thinking? and did they even test this???

Like # people like this

Stijn, you are a star. This had been pretty much unusable.

Like Gren Elliot likes this

Wow that's really cool! I've tried to reply to this eleventeen times, but there's a bug in this forum that replaces javascript colon with : so there's no way for me to paste the code verbatim, even in a code block:

javascript:

And I can't reply to the linked issue, so here's a slight modification that also sets the css max-width to 25% to take up less space while shown, and I've included a second one that only changes the max-width but doesn't toggle visibility:

https://snippi.com/s/6nqpmo9

Just select one of the snippets and drag it over your browser's bookmarks bar at the top of the window (you may need to click Chrome->View->Always Show Bookmarks Bar).

Then you can right-click the bookmark, edit its URL, and change '25' to your desired percentage.

There's a bit of errata around this due to the unfortunate decision 25 years ago to use % to url encode characters in the browser, so:

e.style.maxWidth='25'+String.fromCharCode(37);

means '25' + '%' and is necessary for the bookmarklet to work in Safari. Other strings like '200px' just work without the +String.fromCharCode(37) portion.

I'm still looking for a way to run the bookmarklet automatically, but I don't think it's possible without a browser extension.

Tested in Chrome, Firefox and Safari.

Like # people like this

ZACH YOU ARE A GENIUS... Thank you. Now I can get some sleep at night. My toggle button has arrived and it works well. Thank you saviour of the internet.. may Karma give you a wonderful life!

Like David Caldarelli likes this

Thanks, works like a charm! For any new arrivals: create the bookmark (ideally on the top bookmark bar) from one of the snippets, editing the "url" as desired for a different percentage. Navigate to a Jira ticket and then invoke the new bookmark. Your browser does not leave the JIRA ticket - instead, it imposes the Javascript fragment on the JIRA ticket, reducing or hiding the right panel.

Like # people like this

This is a thing of beauty. Already shared with coworkers. Thank you Zack!

But seriously JIRA - fix this!

Like David Caldarelli likes this

Thank you so much, Zack! What a saviour :) 

Just another grateful user - so much better to be able to hide the panel so I can focus on the important stuff!

It's incredible that users have to figure out solutions on their own instead of Atlassian providing them.

Just terrible.

Great contribution, Zack

Thanks a lot!

Yeah I really wish this was a feature in JIRA. I absolutely hate the right-hand panel because I can't shrink it. I just wish it operated like the left-hand panel with an arrow so I could collapse it or uncollapse it at-will.

2 votes

Almost impossible to use this the way it is right now, even more difficult if you have a small screen.

I don't want to have 40% percent of my view width completely squandered by something I don't need at all.

Having a button to hide this shouldn't be so hard.

Forcing everybody to have to deal with this kind of "mobile first" point of view sucks ...

Very disappointing and surprising. Just about every modern UI with sidebars gives the user some control over their display and sizing. Was this a purposeful "we know better than you the right way for you to work" decision, or an oversight?

1 vote
Mikael Sandberg Community Leader Oct 07, 2020

The short answer is no, you cannot hide the right panel. I saw in another thread that Atlassian is working on changing the view a bit, but not sure if that includes being able to hide/change the size of the panels.

I too struggling. I need bigger description space. Right panel is not needed all the time. It is covering my half of the page.

Like Mike Buscemi likes this

Ya...the description needs more space..

Does anyone know of a ticket to change the width of (or hide) righthand sidebar?

I found in their CSS that they have set the width of this panel to 40%... 

Changing the CSS of the .hvyTRk CSS class to

{

width: 10%;

padding-right: 0

}

in Chrome dev tools shows a much better layout...

 

Shouldn't be that hard to fix @Jira...

Why is this company worth so much again?

Try disabling the "Jira labs" option in your Personal setting. This won't remove the right side information but will make it appear in the same panel as the description. 


A temporary solution is to create a browser stylesheet (I put mine in my home user folder ~/stylesheet-overrides.css) containing:

body > div.atlaskit-portal-container .hJPObX {
max-width: 300px;
}

#jira-frontend .hxewZo {
max-width: 200px;
}

/*
body > div.atlaskit-portal-container .sc-jhAzac:last-child, body > div.atlaskit-portal-container .dbCBBb:last-child, body > div.atlaskit-portal-container .hJPObX {
max-width: 300px;
}

#jira-frontend .sc-jhAzac:last-child, #jira-frontend .dbCBBb:last-child, #jira-frontend .hxewZo {
max-width: 200px;
}
*/

Screen Shot 2021-02-04 at 4.37.05 PM.pngI don't know why the width is different in embedded mode (https://<organization>.atlassian.net/jira/software/projects/TPI/boards/4?selectedIssue=<issue>) vs zoomed (https://<organization>.atlassian.net/browse/<issue>) but at least it works.

Unfortunately this solution isn't future-proof (because the classnames may change next time Jira deploys their site) but it's easy enough to right click -> Inspect Element on the right sidebar, find the new classname(s) and update the stylesheet.

Maybe someone with better css skills can find more-permanent selectors. A few of my attempts are in the commented portion above :-)

This doesn't work for me, 'cause I use the cloud version...

And class names seem to change every time i reload the page...

Tx Zack!!! Atlassian, why couldn't you do this????

Please move https://jira.atlassian.com/browse/JSWCLOUD-21242 from Gathering Interest to Backlog.  There is plenty of interest ^^^^^ to be able to configure this OOTB for ease of usability.   Thank you! and my team of 800+++ thanks you!!

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PRODUCT PLAN
STANDARD
PERMISSIONS LEVEL
Site Admin
TAGS
Community showcase
Published in Bamboo

Bamboo Data Center Apps Program coming soon

G’day Bamboo customers, As we approach GA for Bamboo Data Center , we would like to inform you that the Data Center Apps Program for Bamboo starts this quarter. How long does it take? We are g...

66 views 0 6
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you