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

fix(mobile): Updates bug styles for tablet

Browse Source
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 {
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)
##Screen = B/w 768px to 1024px
*/
@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)