Laclic
/
Souke
Volgen 5
Ster 0
Vork 1
Code Kwesties 1 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
Bladeren bron

[Administration] Distributions > formulaire commande : adaptation responsive #615

refactoring
Guillaume Bourgeois 2 jaren geleden
bovenliggende
b83ee872c0
commit
027d87e50c
3 gewijzigde bestanden met toevoegingen van 120 en 102 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. +2
    -2
      backend/views/distribution/index.php
  2. +16
    -10
      backend/web/css/screen.css
  3. +102
    -90
      backend/web/sass/_responsive.scss

+ 2
- 2
backend/views/distribution/index.php Bestand weergeven

@@ -682,8 +682,8 @@ $this->setPageTitle('Distributions') ;
<button class="modal-default-button btn btn-danger" @click="$emit('close')">Annuler</button>

<div class="right">
<button class="modal-default-button btn btn-info" @click="updateProductOrderPrices(true)">Recharger les prix</button>
<button class="modal-default-button btn btn-info" @click="toggleVatMode()">
<button class="modal-default-button btn btn-info btn-update-prices" @click="updateProductOrderPrices(true)">Recharger les prix</button>
<button class="modal-default-button btn btn-info btn-display-prices-without-tax" @click="toggleVatMode()">
<template v-if="vatMode == 'all'">Cacher</template>
<template v-else>Afficher</template>
les prix HT

+ 16
- 10
backend/web/css/screen.css Bestand weergeven

@@ -2532,45 +2532,51 @@ termes.
width: 50px;
height: 52px;
}
/* line 67, ../sass/_responsive.scss */
/* line 68, ../sass/_responsive.scss */
.distribution-index .modal-form-order .modal-container .modal-body table.table-products td.price {
display: none;
}
/* line 79, ../sass/_responsive.scss */
/* line 76, ../sass/_responsive.scss */
.distribution-index .modal-form-order .modal-container .modal-footer .actions-form div.right {
display: none;
}
/* line 87, ../sass/_responsive.scss */
.distribution-index #orders #buttons-top-orders .left {
width: 100%;
float: none;
}
/* line 83, ../sass/_responsive.scss */
/* line 92, ../sass/_responsive.scss */
.distribution-index #orders #buttons-top-orders .right {
width: 100%;
float: none;
}
/* line 88, ../sass/_responsive.scss */
/* line 97, ../sass/_responsive.scss */
.distribution-index #orders #buttons-top-orders .btn {
padding: 8px 15px;
margin: 10px;
display: block;
width: 100%;
}
/* line 98, ../sass/_responsive.scss */
/* line 107, ../sass/_responsive.scss */
.distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li {
float: none;
width: 100%;
}
/* line 101, ../sass/_responsive.scss */
/* line 111, ../sass/_responsive.scss */
.distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li a {
display: block;
}
/* line 110, ../sass/_responsive.scss */
/* line 120, ../sass/_responsive.scss */
.distribution-index #orders table ul.dropdown-menu a {
padding: 15px;
}
/* line 114, ../sass/_responsive.scss */
.distribution-index #orders table button.dropdown-toggle {
/* line 125, ../sass/_responsive.scss */
.distribution-index #orders table button.dropdown-toggle,
.distribution-index #orders table button.btn-moins,
.distribution-index #orders table button.btn-plus {
padding: 15px;
}
/* line 119, ../sass/_responsive.scss */
/* line 132, ../sass/_responsive.scss */
.distribution-index #orders table .column-origin,
.distribution-index #orders table .column-point-sale,
.distribution-index #orders table .column-state-payment,

+ 102
- 90
backend/web/sass/_responsive.scss Bestand weergeven

@@ -37,99 +37,111 @@ termes.

@media screen and (max-width: 768px) {

.main-header {
.navbar {
border-top: solid 1px #e0e0e0 ;
border-bottom: solid 1px #e0e0e0 ;
}
.main-header {
.navbar {
border-top: solid 1px #e0e0e0;
border-bottom: solid 1px #e0e0e0;
}
}

.navbar-custom-menu {
.producer-menu {
span {
display: none;
}
}
}

.distribution-index {

.modal-form-order {
.modal-container {
.modal-body {
table.table-products {
td.quantity {
.form-control {
width: 50px;
height: 52px;
}
}

td.price {
display: none;
}
}
}

.navbar-custom-menu {
.producer-menu {
span {
display: none ;
}
}
.modal-footer {
.actions-form {
div.right {
display: none;
}
}
}
}
}

.distribution-index {

.modal-form-order {
.modal-container {
.modal-body {
table.table-products {
td.quantity {
.form-control {
width: 50px;
height: 52px;
}
}
td.price {
display: none ;
}
}

}
}
}

#orders {

#buttons-top-orders {
.left {
width: 100%;
float: none;
}
.right {
width: 100% ;
float: none ;
}

.btn {
padding: 8px 15px ;
margin: 10px ;
display: block ;
width: 100% ;
}
}

#wrapper-nav-points-sale {
ul#nav-points-sale {
li {
float: none ;
width: 100% ;
a {
display: block ;
}
}
}
}

table {
ul.dropdown-menu {
a {
padding: 15px ;
}
}
button.dropdown-toggle {
padding: 15px ;
}

//.column-checkbox,
.column-origin,
//.column-state,
//.column-user,
.column-point-sale,
//.column-amount,
.column-state-payment,
.column-payment,
.column-tiller,
//.column-actions,
.column-delivery-note {
display: none ;
}

}
}
#orders {

#buttons-top-orders {
.left {
width: 100%;
float: none;
}

.right {
width: 100%;
float: none;
}

.btn {
padding: 8px 15px;
margin: 10px;
display: block;
width: 100%;
}
}

#wrapper-nav-points-sale {
ul#nav-points-sale {
li {
float: none;
width: 100%;

a {
display: block;
}
}
}
}

table {
ul.dropdown-menu {
a {
padding: 15px;
}
}

button.dropdown-toggle,
button.btn-moins,
button.btn-plus {
padding: 15px;
}

//.column-checkbox,
.column-origin,
//.column-state,
//.column-user,
.column-point-sale,
//.column-amount,
.column-state-payment,
.column-payment,
.column-tiller,
//.column-actions,
.column-delivery-note {
display: none;
}
}
}
}
}

Schrijf Voorbeeld
Laden…
Annuleren
Opslaan