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

fix(mobile): Corrects various things in style

This commit is contained in:
sovanna 2019-12-26 15:30:09 +01:00
parent 31fabb7cbd
commit efd6b92298
1 changed files with 40 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,7 +8,7 @@
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
@media (min-width: 768px) and (max-width: 1080px) {
body {
font-size: .8rem;
}
@ -65,14 +65,19 @@
#root-shop .mobileBtnDisplaySideMenu,
#root-shop .mobileCloseMenu {
display: none;
display: none !important;
}
#root-shop .mobileBtnDisplaySideMenu button,
#root-shop .mobileCloseMenu button {
-webkit-appearance: none;
background: none;
border: none;
-webkit-appearance: none !important;
background: none !important;
border: none !important;
}
#root-shop table {
width: 100%;
max-width: 100%;
}
#root-shop table tr {
@ -85,17 +90,22 @@
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
@media (min-width: 768px) and (max-width: 1080px) and (orientation: landscape) {
#root-shop .mobileBtnDisplaySideMenu,
#root-shop .mobileCloseMenu {
display: none;
display: none !important;
}
#root-shop .mobileBtnDisplaySideMenu button,
#root-shop .mobileCloseMenu button {
-webkit-appearance: none;
background: none;
border: none;
-webkit-appearance: none !important;
background: none !important;
border: none !important;
}
#root-shop table {
width: 100%;
max-width: 100%;
}
#root-shop table tr {
@ -103,6 +113,26 @@
display: flex !important;
justify-content: space-between;
}
#root-shop .panel .summary {
flex-direction: column;
}
#root-shop .panel .summary>.summary-price table {
font-size: .7rem;
}
#root-shop .panel .summary>.summary-form form {
width: 100%;
}
#root-shop .panel .summary>.summary-price tfoot {
font-size: .85rem;
}
#root-shop .panel .summary>.summary-form form input[type="submit"] {
margin-bottom: 1em;
}
}
/*
##Device = Low Resolution Tablets, Mobiles (Landscape)