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

Crucible 3.10.2 css

evaluating Dec 21, 2015

The css in crucible 3.10 is much less compact than prior versions. We are evaluating upgrading to the latest crucible installation however the UI changes are getting in the way of adoption.

The version of crucible we have looks like all of the screenshots on atlassian's site like: https://www.atlassian.com/en/wac/software/crucible/overview/overviewHero/imageBinary/code-review-hero.png

Yet the eval edition looks like:

 

Hopefully you can see the differences:

  • the header bar is many pixels bigger
  • the grey "default project" bar is MUCH bigger
  • the "under review" section is a lot different (and worser)
  • scrolling in the UI now scrolls the header away which is bad.

 

Is this just a bug or is this truly the new look and feel? (i hope not)

 

Thanks

 

3 answers

0 votes
Marek Parfianowicz Atlassian Team Dec 21, 2015

Indeed the Crucible 3.10 has a larger header compared to very old versions. But please note that this new header is not sticky, i.e. you can scroll down not only a source view but also the entire page. In some interactions it also scrolls down automatically (e.g. when you click on the "Activity" button). I encourage you to install the 3.10 trial version and check yourself how it interacts. 

Clint D Mar 24, 2016

I've tried 3.x and now 4.x and the style really isn't 'better'.  I filed a feature request because this really isn't as good as the 2.x style.  https://jira.atlassian.com/browse/CRUC-7638

Clint D Apr 14, 2016

it's larger. it's not sticky - which is THE problem - the whitespace usage is really less than stellar. The issue (sadly) persists into the 4.x line too.

I'd really like to purchase crucible (a 500 user license) but i just can't see how the engineering staff are going to like this update.

Any way we can get some dialog going with Atlassian on this???

Sure, Clint, you can!
I must agree that in some use-cases "sticky" header will give users more flexible experience in Crucible. And your request is also powered by several other customers who contacted us with the same issue, so I am keeping eye on you, guys. As we have lots of UX improvements planned in our roadmap, we are considering to address this issue as well. As we have a big list of things to deliver so I'm not ready to provide you any accurate dates yet, but will stay in touch with you. 

Cheers,

Stan. FishEye & Crucible Product Manager

0 votes
evaluating Dec 29, 2015

Hi @Marek Parfianowicz. I did indeed try crucible 3.10 with the large header. I just find that the "non-stickiness" of that header to be a severe decline in usability because I will often scroll down a large-ish code review, and then want to jump to the bug, or jump to that person, or click the 'close' button, or edit details. with the non-sticky header i have to scroll all the way back up there now.

 

Is there any way to restore the old css? An option or an edit i can make to have the look and feel be more like it used to be?

 

Thanks for the reply - sorry for my tardiness but the holidays have made me stay away from 'work' stuff. smile

Marek Parfianowicz Atlassian Team Dec 29, 2015

I'm sorry to hear that this is a severe problem for you. We are thinking about redesigning this header, but not in the nearest release. There is no option to restore old CSS. However, you could use a web-browser plugin to change CSS on the fly (e.g. Stylebot for Chrome and many others). You could also use keyboard shortcuts for fast navigation and to avoid scrolling - see 'keyboard shortcuts' help button; you can also press the dot key '.' to see list of actions.

0 votes
Marek Parfianowicz Atlassian Team Dec 29, 2015

Try the CSS modification plugin (e.g. a Stylebot for Chrome) and use styles like these:

 

#review-perm-id {
    font-size: 14px;
}
header.aui-page-header {
    padding: 0;
}
div.review-header {
    padding: 0;
}
div.review-header--metadata--participants {
    padding: 4px;
}
div.review-header--title {
    padding: 0;
    display: inline;
}
div.review-header--title h2 {
    display: inline;
}
div.review-header--buttons {
    display: inline;
    float: right;
    padding-top: 2px;
}
span.title-content {
    font-size: 20px;
    display: inline;
}

 

I hope this helps. Cheers!

evaluating Dec 31, 2015

Man that is SO close! I can deal with having to install the chrome plugin for now. Hopefully firefox has one similar (i'll research that if need be). One last thing - how can i get the header to continue to pin to the top like i used to? I'd like to prevent the header from scrolling off the page so that i could click 'create review' or 'tools' or any of that good stuff. Thanks @Marek Parfianowicz !

Marek Parfianowicz Atlassian Team Jan 04, 2016

> One last thing - how can i get the header to continue to pin to the top like i used to? I'm not sure if you could do this reasonably in pure CSS. You could try to use the "position:fixed" for a header, but I cannot guarantee how this will interact with the rest of the page.

Suggest an answer

Log in or Sign up to answer
This widget could not be displayed.
This widget could not be displayed.
Community showcase
Posted in Statuspage

⭐️Would you recommend Statuspage? Leave a (honest!) review. ⭐️

Hi Community friends, We're working on sourcing more reviews on Capterra – a popular software review site –  to help teams like yours make more informed decisions when choosing an inc...

82 views 3 5
Join discussion

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