Browse Source

Make merchandise order form usable on mobile phones

tags/stw2018
Reinhard Müller 9 months ago
parent
commit
b01441f529
2 changed files with 13 additions and 11 deletions
  1. 10
    8
      look/fsfe.less
  2. 3
    3
      look/fsfe.min.css

+ 10
- 8
look/fsfe.less View File

@@ -781,17 +781,19 @@ table.merchandise .quantity {
width: 15%;
min-width: 100px
}
@media only screen and (max-device-width: 700px) {
@media (max-width: @screen-xs-max) {
table.merchandise .image, table.merchandise .description, table.merchandise .quantity {
display: block;
width: auto;
}
table.merchandise .image {
min-width: 125px;
padding-bottom: 0;
}
}
@media only screen and (max-device-width: 400px) {
table.merchandise .quantity {
min-width: 0px;
table.merchandise .description {
padding: 0;
}
table.merchandise .image img {
max-width: 110px;
table.merchandise .quantity {
padding-top: 0;
}
}
table.order-form {

+ 3
- 3
look/fsfe.min.css
File diff suppressed because it is too large
View File


Loading…
Cancel
Save