Include @padding-horizontal-page-container in header adjustment calculations
I overlooked the horizontal padding on the page container. This needs to be included in the decision on whether to make the header 2 lines on 1. Bug: T249363 Change-Id: I4fabac7d57e37db87d2363073317109f582de883
This commit is contained in:
parent
6fe1f39950
commit
6659be5b49
|
@ -9,7 +9,6 @@
|
||||||
.skin-vector-max-width {
|
.skin-vector-max-width {
|
||||||
@background-color-secondary--modern: #f8f9fa;
|
@background-color-secondary--modern: #f8f9fa;
|
||||||
@max-width-page-container: 1650px;
|
@max-width-page-container: 1650px;
|
||||||
@padding-horizontal-page-container: 30px;
|
|
||||||
@min-width-page-container--padded: @max-width-page-container + ( 2 * @padding-horizontal-page-container );
|
@min-width-page-container--padded: @max-width-page-container + ( 2 * @padding-horizontal-page-container );
|
||||||
@background-color-page-container: @background-color-base;
|
@background-color-page-container: @background-color-base;
|
||||||
@max-width-workspace-container: 1440px;
|
@max-width-workspace-container: 1440px;
|
||||||
|
|
|
@ -15,9 +15,10 @@
|
||||||
@padding-horizontal-page-container: 30px;
|
@padding-horizontal-page-container: 30px;
|
||||||
@padding-horizontal-page-container-ems: unit( @padding-horizontal-page-container / @font-size-browser, em );
|
@padding-horizontal-page-container-ems: unit( @padding-horizontal-page-container / @font-size-browser, em );
|
||||||
@margin-horizontal-sidebar-button-icon-ems: unit( @margin-horizontal-sidebar-button-icon / @font-size-browser, em );
|
@margin-horizontal-sidebar-button-icon-ems: unit( @margin-horizontal-sidebar-button-icon / @font-size-browser, em );
|
||||||
|
@padding-horizontal-page-container-ems: unit( @padding-horizontal-page-container / @font-size-browser, em );
|
||||||
|
|
||||||
// the width of the container if you exclude consideration for search
|
// the width of the container if you exclude consideration for search
|
||||||
@min-width-container-base: @size-sidebar-button + @margin-horizontal-sidebar-button-icon-ems + @min-width-logo + @min-width-personal-tools;
|
@min-width-container-base: @padding-horizontal-page-container-ems + @size-sidebar-button + @margin-horizontal-sidebar-button-icon-ems + @min-width-logo + @min-width-personal-tools + @padding-horizontal-page-container-ems;
|
||||||
|
|
||||||
@min-width-supported: @min-width-container-base + @min-width-search;
|
@min-width-supported: @min-width-container-base + @min-width-search;
|
||||||
@width-comfortable: @min-width-container-base + @margin-horizontal-search + @max-width-search + @margin-horizontal-search;
|
@width-comfortable: @min-width-container-base + @margin-horizontal-search + @max-width-search + @margin-horizontal-search;
|
||||||
|
|
|
@ -20,6 +20,7 @@
|
||||||
@margin-top-header + @margin-bottom-header +
|
@margin-top-header + @margin-bottom-header +
|
||||||
2 * @padding-vertical-header;
|
2 * @padding-vertical-header;
|
||||||
@width-grid-column-one: 11em;
|
@width-grid-column-one: 11em;
|
||||||
|
@padding-horizontal-page-container: 30px;
|
||||||
|
|
||||||
// Default layout.
|
// Default layout.
|
||||||
@import 'layout-default.less';
|
@import 'layout-default.less';
|
||||||
|
|
Loading…
Reference in a new issue