occheung
/
web2019
forked from M-Labs/web2019
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(mobile): Updates bug styles for tablet

This commit is contained in:
sovanna 2019-12-26 15:19:10 +01:00
parent 230f78f338
commit 31fabb7cbd
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -67,13 +67,42 @@
#root-shop .mobileCloseMenu { #root-shop .mobileCloseMenu {
display: none; display: none;
} }
#root-shop .mobileBtnDisplaySideMenu button,
#root-shop .mobileCloseMenu button {
-webkit-appearance: none;
background: none;
border: none;
}
#root-shop table tr {
padding: .8em 0;
display: flex !important;
justify-content: space-between;
}
} }
/* /*
##Device = Tablets, Ipads (landscape) ##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px ##Screen = B/w 768px to 1024px
*/ */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#root-shop .mobileBtnDisplaySideMenu,
#root-shop .mobileCloseMenu {
display: none;
}
#root-shop .mobileBtnDisplaySideMenu button,
#root-shop .mobileCloseMenu button {
-webkit-appearance: none;
background: none;
border: none;
}
#root-shop table tr {
padding: .8em 0;
display: flex !important;
justify-content: space-between;
}
} }
/* /*
##Device = Low Resolution Tablets, Mobiles (Landscape) ##Device = Low Resolution Tablets, Mobiles (Landscape)