Breadcrumb and title clashing

[ghost]

Issue Overview

Is there anyway to get the breadcrumbs to be on a different level than the title?

Current Behaviour

Expected Behaviour

An image may worth a thousand words

Additional Information

• AdminFaces version: 1.0.0-RC21
• PrimeFaces version: 6.2
• JSF implementation: 3.2.6

[rmpestano]

Hi,

the main issue is that the breadCrumb is using absolute position and float right.

In your case as you've long titles I think you could override that using following css:

body .content-header > .breadcrumb {
    position: relative;
    float: none;
    top: 0;
    right: 0;
}

Another option would be to limit the number of breadCrumb items using admin.breadcrumbSize=3 in admin-config.properties.

I hope it helps

[ghost]

Yeah this helps. I added the following css and it seemed to push it down just enough. .content-header>.breadcrumb { margin-top: 20px !important; }

[rmpestano]

.content-header>.breadcrumb { margin-top: 20px !important; }

Nice, if you use a more specific rule you can get ride of the !important:

body .content-header>.breadcrumb { margin-top: 20px; }