M-Labs/web2019
5
0
Fork 2
Code Issues 20 Pull Requests 3 Releases Wiki Activity

Fix incorrect vertical size of the shop body, which lead to additional scrolling panel

Browse Source 
Signed-off-by: Egor Savkin <es@m-labs.hk>
This commit is contained in:
Egor Savkin 2023-07-05 17:45:56 +08:00
parent 4141e5b315
commit 48eb492410
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
sass/css/_shop.scss
View File

@ -1,6 +1,6 @@
#root-shop, #root-shop > div { #root-shop, #root-shop > div {
width: 100%; width: 100%;
height: calc(100vh - 72px); height: calc(100vh - 40px - 2.625rem); /* .pb-md-3 + .pt-md-3 + img.height + .navbar-brand.paddings */
overflow: hidden; overflow: hidden;
} }

9
static/css/order-hardware.css
View File

@ -66,7 +66,7 @@
} }
#root-shop, #root-shop>div { #root-shop, #root-shop>div {
height: calc(100vh - 50px); height: calc(100vh - 10px - 2.5rem); /* .navbar vertical padding + line height (.navbar-brand.font-size.rem * body.font-size * body.line-height)*/
} }
#root-shop .productItem { #root-shop .productItem {
@ -170,7 +170,7 @@
} }
#root-shop, #root-shop>div { #root-shop, #root-shop>div {
height: calc(100vh - 50px); height: calc(100vh - 10px - 2.5rem); /* .navbar vertical padding + line height (.navbar-brand.font-size.rem * body.font-size * body.line-height)*/
} }
#root-shop .mobileBtnDisplaySideMenu, #root-shop .mobileBtnDisplaySideMenu,
@ -262,8 +262,7 @@
} }
#root-shop, #root-shop>div { #root-shop, #root-shop>div {
/*height: calc(100vh - 50px);*/ height: calc(100vh - 10px - 2.5rem); /* .navbar vertical padding + line height (.navbar-brand.font-size.rem * body.font-size * body.line-height)*/
height: 100%;
} }
#root-shop .productItem { #root-shop .productItem {
@ -468,7 +467,7 @@
} }
#root-shop, #root-shop>div { #root-shop, #root-shop>div {
height: calc(100vh - 50px); height: calc(100vh - 10px - 2.5rem); /* .navbar vertical padding + line height (.navbar-brand.font-size.rem * body.font-size * body.line-height)*/
} }
#root-shop .productItem { #root-shop .productItem {