forked from M-Labs/web2019
fix(mobile): Updates bug styles for tablet
This commit is contained in:
parent
230f78f338
commit
31fabb7cbd
|
@ -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)
|
||||
|
|
Loading…
Reference in New Issue