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 {
|
#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)
|
||||||
|
Loading…
Reference in New Issue
Block a user