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

View File

@ -8,7 +8,7 @@
##Device = Tablets, Ipads (portrait) ##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px ##Screen = B/w 768px to 1024px
*/ */
@media (min-width: 768px) and (max-width: 1024px) { @media (min-width: 768px) and (max-width: 1080px) {
body { body {
font-size: .8rem; font-size: .8rem;
} }
@ -65,14 +65,19 @@
#root-shop .mobileBtnDisplaySideMenu, #root-shop .mobileBtnDisplaySideMenu,
#root-shop .mobileCloseMenu { #root-shop .mobileCloseMenu {
display: none; display: none !important;
} }
#root-shop .mobileBtnDisplaySideMenu button, #root-shop .mobileBtnDisplaySideMenu button,
#root-shop .mobileCloseMenu button { #root-shop .mobileCloseMenu button {
-webkit-appearance: none; -webkit-appearance: none !important;
background: none; background: none !important;
border: none; border: none !important;
}
#root-shop table {
width: 100%;
max-width: 100%;
} }
#root-shop table tr { #root-shop table tr {
@ -85,17 +90,22 @@
##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: 1080px) and (orientation: landscape) {
#root-shop .mobileBtnDisplaySideMenu, #root-shop .mobileBtnDisplaySideMenu,
#root-shop .mobileCloseMenu { #root-shop .mobileCloseMenu {
display: none; display: none !important;
} }
#root-shop .mobileBtnDisplaySideMenu button, #root-shop .mobileBtnDisplaySideMenu button,
#root-shop .mobileCloseMenu button { #root-shop .mobileCloseMenu button {
-webkit-appearance: none; -webkit-appearance: none !important;
background: none; background: none !important;
border: none; border: none !important;
}
#root-shop table {
width: 100%;
max-width: 100%;
} }
#root-shop table tr { #root-shop table tr {
@ -103,6 +113,26 @@
display: flex !important; display: flex !important;
justify-content: space-between; 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) ##Device = Low Resolution Tablets, Mobiles (Landscape)