Set header height to 54px equivalent in `em`s
Same patch as I4eed89f6a64eeb369c1ab0bb47f0462de7b0ceb3 but destination is `em`s. Bug: T195795 Change-Id: I1165f1e3f6fe1b86f843c2acb7a87681eda3aec6
This commit is contained in:
parent
1bf2f51cdf
commit
4a5561257c
|
@ -14,6 +14,8 @@
|
||||||
*/
|
*/
|
||||||
@fontFamilySans: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Lato', 'Helvetica', 'Arial', sans-serif;
|
@fontFamilySans: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Lato', 'Helvetica', 'Arial', sans-serif;
|
||||||
@fontFamilyBase: @fontFamilySans;
|
@fontFamilyBase: @fontFamilySans;
|
||||||
|
|
||||||
|
@fontSizeBrowserDefault: 16; // Assumed browser default of `16px`.
|
||||||
@tocFontSize: 0.8em;
|
@tocFontSize: 0.8em;
|
||||||
|
|
||||||
@indicatorFontSize: 0.4em;
|
@indicatorFontSize: 0.4em;
|
||||||
|
@ -44,7 +46,8 @@
|
||||||
@contentMargin: 16px;
|
@contentMargin: 16px;
|
||||||
|
|
||||||
// Header
|
// Header
|
||||||
@headerHeight: 3.35em;
|
@headerHeight: unit( 54 / @fontSizeBrowserDefault, em );
|
||||||
|
@headerVerticalPadding: 0.15em;
|
||||||
@headerMarginTop: -1px; // used to hide the header border top when a banner is not present
|
@headerMarginTop: -1px; // used to hide the header border top when a banner is not present
|
||||||
@searchBoxWidth: 375/16em;
|
@searchBoxWidth: 375/16em;
|
||||||
@iconSizeTotal: @iconSize + @iconGutterWidth + @iconGutterWidth;
|
@iconSizeTotal: @iconSize + @iconGutterWidth + @iconGutterWidth;
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.overlay-header .overlay-title {
|
.overlay-header .overlay-title {
|
||||||
padding: 0.15em 0;
|
padding: @headerVerticalPadding 0;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
// Reserve space to the right in case the search form in the header or
|
// Reserve space to the right in case the search form in the header or
|
||||||
|
|
|
@ -11,9 +11,10 @@
|
||||||
|
|
||||||
.clear {
|
.clear {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: ( @headerHeight / 2 ) - ( @iconSize / 2 );
|
// the icon should take into account overlay-title top padding
|
||||||
|
// and then be centered
|
||||||
|
top: ( @iconSize / 2 ) + @headerVerticalPadding;
|
||||||
right: 0;
|
right: 0;
|
||||||
margin-top: @headerMarginTop;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue