Crucible 3.10.2 css

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

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. 

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

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

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

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

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!

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 !

> 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
Community showcase
Posted Thursday in Marketplace Apps

You + one app + a desert island...

Hi all! My name is Miles and I work on the Marketplace team. We’re looking for better ways to recommend and suggest apps that are truly crowd favorites, so of course we wanted to poll the Community. ...

132 views 3 4
Join discussion

Atlassian User Groups

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

Find a group

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

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you