Crucible 3.10.2 css
Asked by evaluating:

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:

<br />

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

[](https://community.atlassian.com/t5/Fisheye-Crucible-questions/Crucible-3-10-2-css/qaq-p/158927?attachment-id=3943){#link_1163fcb4419e66}  
[](/tnckb94959/attachments/tnckb94959/fisheye-crucible-questions/2152/1/crucible-3.10-example.jpg){#display_1163fcb4419e66_0}


Answers:
author: Marek Parfianowicz
body: 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!

comments: author: evaluating
body: 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 !


author: Marek Parfianowicz
body: \> 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.


author: evaluating
body: 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:

comments: author: Marek Parfianowicz
body: 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.


author: Marek Parfianowicz
body: 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.

comments: author: twx_clint
body: 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>


author: twx_clint
body: 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???


author: stangladkov
body: 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