[Revert] "Set header height to fixed pixel"

This reverts commit 625720420e. Setting height in
px results in variable (font-size) contents overflowing.

Change-Id: I510a4136be97ffd3f1dec63a39eec696c227ab25
This commit is contained in:
Niedzielski 2019-07-18 15:23:08 +00:00 committed by Jdlrobson
parent 28c84d7d0d
commit 1bf2f51cdf
3 changed files with 4 additions and 6 deletions

View file

@ -44,8 +44,7 @@
@contentMargin: 16px;
// Header
@headerHeight: 54px;
@headerVerticalPadding: 0.15em;
@headerHeight: 3.35em;
@headerMarginTop: -1px; // used to hide the header border top when a banner is not present
@searchBoxWidth: 375/16em;
@iconSizeTotal: @iconSize + @iconGutterWidth + @iconGutterWidth;

View file

@ -25,7 +25,7 @@
}
.overlay-header .overlay-title {
padding: @headerVerticalPadding 0;
padding: 0.15em 0;
&:last-child {
// Reserve space to the right in case the search form in the header or

View file

@ -11,10 +11,9 @@
.clear {
position: absolute;
// the icon should take into account overlay-title top padding
// and then be centered
top: ( @iconSize / 2 ) + @headerVerticalPadding;
top: ( @headerHeight / 2 ) - ( @iconSize / 2 );
right: 0;
margin-top: @headerMarginTop;
}
}