esavkin/web2019
1
0
Fork 0
forked from M-Labs/web2019
Code Pull Requests Activity

fix(mobile): Reduces size of menu sub-items

Browse Source
This commit is contained in:
sovanna 2020-01-02 14:44:21 +01:00
parent 1ac9fdd641
commit 4ebe4f253c
1 changed files with 33 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,13 +4,29 @@
padding: 1em 1em 0; padding: 1em 1em 0;
} }
.dropdown-item {
font-size: .75em;
}
/* /*
##Device = Tablets, Ipads (portrait) ##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px ##Screen = B/w 768px to 1024px
*/ */
@media (min-width: 768px) and (max-width: 1080px) { @media (min-width: 768px) and (max-width: 1080px) {
.logo > img {
height: 20px;
}
.navbar {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
body { body {
font-size: .8rem; font-size: .7rem;
}
#root-shop, #root-shop>div {
height: calc(100vh - 50px);
} }
#root-shop .productItem { #root-shop .productItem {
@ -91,6 +107,22 @@
##Screen = B/w 768px to 1024px ##Screen = B/w 768px to 1024px
*/ */
@media (min-width: 768px) and (max-width: 1080px) and (orientation: landscape) { @media (min-width: 768px) and (max-width: 1080px) and (orientation: landscape) {
.logo > img {
height: 20px;
}
.navbar {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
body {
font-size: .7rem;
}
#root-shop, #root-shop>div {
height: calc(100vh - 50px);
}
#root-shop .mobileBtnDisplaySideMenu, #root-shop .mobileBtnDisplaySideMenu,
#root-shop .mobileCloseMenu { #root-shop .mobileCloseMenu {
display: none !important; display: none !important;