Browse Source

[Boutique] Abonnements > formulaire création/modification : amélioration responsive tableau produit

feature/rotating_product
Guillaume Bourgeois 5 months ago
parent
commit
0e60a269ae
3 changed files with 43 additions and 4 deletions
  1. +0
    -1
      producer/views/subscription/_form.php
  2. +21
    -2
      producer/web/css/screen.css
  3. +22
    -1
      producer/web/sass/_responsive.scss

+ 0
- 1
producer/views/subscription/_form.php View File

<td class="price-unit"> <td class="price-unit">
{{ formatPrice(product.price_with_tax) }}<br/><span {{ formatPrice(product.price_with_tax) }}<br/><span
class="unit">{{ product.wording_unit }}</span> class="unit">{{ product.wording_unit }}</span>

</td> </td>
<td class="quantity"> <td class="quantity">
<div class="input-group"> <div class="input-group">

+ 21
- 2
producer/web/css/screen.css View File

text-align: center; text-align: center;
} }


/* line 291, ../sass/_responsive.scss */
/* line 292, ../sass/_responsive.scss */
.subscription-form #main #content .block.products .table td {
padding: 5px;
}
/* line 295, ../sass/_responsive.scss */
.subscription-form #main #content .block.products .table .recipe {
display: none;
}
/* line 298, ../sass/_responsive.scss */
.subscription-form #main #content .block.products .table .input-group-btn {
display: block;
width: 1000%;
}
/* line 301, ../sass/_responsive.scss */
.subscription-form #main #content .block.products .table .input-group-btn .btn {
display: block;
width: 100%;
}

/* line 312, ../sass/_responsive.scss */
#footer .content { #footer .content {
text-align: center; text-align: center;
} }
} }
@media screen and (max-width: 991px) { @media screen and (max-width: 991px) {
/* line 303, ../sass/_responsive.scss */
/* line 324, ../sass/_responsive.scss */
#main { #main {
padding-top: 0px; padding-top: 0px;
} }

+ 22
- 1
producer/web/sass/_responsive.scss View File

} }
} }
} }
}

.subscription-form {
#main #content .block.products {
.table {
td {
padding: 5px;
}
.recipe {
display: none;
}
.input-group-btn {
display: block;
width: 1000%;
.btn {
display: block;
width: 100%;
}
}
}

}
} }
#footer { #footer {

Loading…
Cancel
Save