From eef111fe2f7877515c8792bb710bda75a50e9a06 Mon Sep 17 00:00:00 2001 From: Chirag Matholiya Date: Sat, 19 May 2018 14:58:37 +0530 Subject: [PATCH 1/2] Responsive Design Footers bottom of screen on mobile devices #15118 --- .../Magento/luma/Magento_Theme/web/css/source/_module.less | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/_module.less b/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/_module.less index b5742b86cf9f1..637ee52cb1067 100644 --- a/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/_module.less +++ b/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/_module.less @@ -265,6 +265,7 @@ display: block; padding: @indent__s; text-align: center; + box-sizing: border-box; } .page-header, @@ -415,6 +416,12 @@ } } } + .page-footer, + .copyright { + bottom: 0; + position: absolute; + width: 100%; + } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { From e623b76dd248d319ee1ecb1b931315946f30c83f Mon Sep 17 00:00:00 2001 From: Stanislav Idolov Date: Wed, 23 May 2018 09:12:21 +0300 Subject: [PATCH 2/2] ENGCOM-1606: Responsive Design Footers bottom of screen on mobile devices #15118 #15353 --- .../luma/Magento_Theme/web/css/source/_module.less | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/_module.less b/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/_module.less index 637ee52cb1067..c0cdd262ff7df 100644 --- a/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/_module.less +++ b/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/_module.less @@ -262,10 +262,10 @@ .copyright { .lib-css(background-color, @copyright__background-color); .lib-css(color, @color-white); + box-sizing: border-box; display: block; padding: @indent__s; text-align: center; - box-sizing: border-box; } .page-header, @@ -314,13 +314,14 @@ // // Widgets // --------------------------------------------- - + // @codingStandardsIgnoreStart caused by bug in CodeSniffer implementation .sidebar { .widget.block:not(:last-child), .widget:not(:last-child) { margin-bottom: @indent__xl; } } + // @codingStandardsIgnoreEnd .widget { clear: both; @@ -334,7 +335,9 @@ .widget.block { .lib-css(margin, @indent__base 0); } - .links .widget.block { margin: 0; } + .links .widget.block { + margin: 0; + } } .no-display:extend(.abs-no-display all) {