cancel
Showing results for 
Search instead for 
Did you mean: 

Unified Shell: Increase Header Height

scott_stefanich
Active Participant
0 Kudos

Does anyone have any suggestions on how to increase the header height of the sap.ui.unified.Shell control while (1) increasing the height of the header's controls and (2) preserving the fit of its' content, a Component containing a sap.m.SplitApp?

I've tried modifying CSS by inspecting elements as well as extending the Shell control (custom aggregation for sap.m.FlexBox control, modifying the renderer, etc). I created a Plunk for an example.

Hopefully I'm overlooking something simple,

Scott

Accepted Solutions (1)

Accepted Solutions (1)

kai2015
Contributor
0 Kudos

I've added this to your css:

      .sapUiUfdShellHead, .sapUiUfdShellHead  > div{

        height:80px;

      }

Is this what you want?

scott_stefanich
Active Participant
0 Kudos

Yes! Thank you, Kai!

Answers (0)