Browse Source

[Administration] Responsive > listes : accès aux boutons d'action #756

feature/souke
Guillaume Bourgeois 1 year ago
parent
commit
a92785127e
4 changed files with 58 additions and 21 deletions
  1. +21
    -6
      backend/views/product/index.php
  2. +24
    -13
      backend/web/css/screen.css
  3. +6
    -1
      backend/web/sass/_responsive.scss
  4. +7
    -1
      backend/web/sass/product/_index.scss

+ 21
- 6
backend/views/product/index.php View File

@@ -59,7 +59,9 @@ $this->addButton(['label' => 'Nouveau produit <span class="glyphicon glyphicon-p
'columns' => [
[
'attribute' => 'order',
'headerOptions' => ['class' => 'order'],
'headerOptions' => ['class' => 'order column-hide-on-mobile'],
'filterOptions' => ['class' => 'column-hide-on-mobile'],
'contentOptions' => ['class' => 'column-hide-on-mobile'],
'format' => 'raw',
'filter' => '',
'value' => function ($model) {
@@ -69,7 +71,9 @@ $this->addButton(['label' => 'Nouveau produit <span class="glyphicon glyphicon-p
[
'attribute' => 'photo',
'format' => 'raw',
'headerOptions' => ['class' => 'td-photo'],
'headerOptions' => ['class' => 'td-photo column-hide-on-mobile'],
'filterOptions' => ['class' => 'column-hide-on-mobile'],
'contentOptions' => ['class' => 'column-hide-on-mobile'],
'filter' => '',
'value' => function ($model) {
if (strlen($model->photo)) {
@@ -81,11 +85,18 @@ $this->addButton(['label' => 'Nouveau produit <span class="glyphicon glyphicon-p
}
],
'name',
'description',
[
'attribute' => 'description',
'headerOptions' => ['class' => 'column-hide-on-mobile'],
'filterOptions' => ['class' => 'column-hide-on-mobile'],
'contentOptions' => ['class' => 'column-hide-on-mobile'],
],
[
'attribute' => 'id_product_category',
'format' => 'raw',
'headerOptions' => ['class' => 'td-product-category'],
'headerOptions' => ['class' => 'td-product-category column-hide-on-mobile'],
'filterOptions' => ['class' => 'column-hide-on-mobile'],
'contentOptions' => ['class' => 'column-hide-on-mobile'],
'filter' => '',
'value' => function ($model) {
if ($model->productCategory) {
@@ -96,6 +107,9 @@ $this->addButton(['label' => 'Nouveau produit <span class="glyphicon glyphicon-p
],
[
'attribute' => 'id_tax_rate',
'headerOptions' => ['class' => 'column-hide-on-mobile'],
'filterOptions' => ['class' => 'column-hide-on-mobile'],
'contentOptions' => ['class' => 'column-hide-on-mobile'],
'value' => function ($model) {
if ($model->id_tax_rate == 0 || $model->id_tax_rate == null) {

@@ -123,8 +137,9 @@ $this->addButton(['label' => 'Nouveau produit <span class="glyphicon glyphicon-p
],
[
'attribute' => 'active',
'headerOptions' => ['class' => 'active'],
'contentOptions' => ['class' => 'center'],
'headerOptions' => ['class' => 'active column-hide-on-mobile'],
'filterOptions' => ['class' => 'column-hide-on-mobile'],
'contentOptions' => ['class' => 'center column-hide-on-mobile'],
'format' => 'raw',
'filter' => [0 => 'Non', 1 => 'Oui'],
'value' => function ($model) {

+ 24
- 13
backend/web/css/screen.css View File

@@ -1856,6 +1856,12 @@ body.login-page .login-box .login-box-body a:hover {
height: 75px;
background-color: white;
}
@media screen and (max-width: 768px) {
/* line 17, ../sass/product/_index.scss */
.product-index .td-photo {
display: none;
}
}

/* line 6, ../sass/product/_form.scss */
.product-create #product-active label,
@@ -2597,64 +2603,69 @@ termes.
display: none;
}

/* line 62, ../sass/_responsive.scss */
/* line 56, ../sass/_responsive.scss */
.table .column-hide-on-mobile {
display: none;
}

/* line 67, ../sass/_responsive.scss */
.distribution-index .modal-form-order .modal-container .modal-body table.table-products td.quantity .form-control {
width: 50px;
height: 52px;
}
/* line 68, ../sass/_responsive.scss */
/* line 73, ../sass/_responsive.scss */
.distribution-index .modal-form-order .modal-container .modal-body table.table-products td.price {
display: none;
}
/* line 76, ../sass/_responsive.scss */
/* line 81, ../sass/_responsive.scss */
.distribution-index .modal-form-order .modal-container .modal-footer .actions-form div.right {
display: none;
}
/* line 87, ../sass/_responsive.scss */
/* line 92, ../sass/_responsive.scss */
.distribution-index #orders #buttons-top-orders .left {
width: 100%;
float: none;
}
/* line 92, ../sass/_responsive.scss */
/* line 97, ../sass/_responsive.scss */
.distribution-index #orders #buttons-top-orders .right {
width: 100%;
float: none;
}
/* line 97, ../sass/_responsive.scss */
/* line 102, ../sass/_responsive.scss */
.distribution-index #orders #buttons-top-orders .btn {
padding: 8px 15px;
margin: 10px;
display: block;
width: 100%;
}
/* line 107, ../sass/_responsive.scss */
/* line 112, ../sass/_responsive.scss */
.distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li {
float: none;
width: 100%;
}
/* line 111, ../sass/_responsive.scss */
/* line 116, ../sass/_responsive.scss */
.distribution-index #orders #wrapper-nav-points-sale ul#nav-points-sale li a {
display: block;
}
/* line 120, ../sass/_responsive.scss */
/* line 125, ../sass/_responsive.scss */
.distribution-index #orders table .state-payment-mobile {
display: block;
}
/* line 123, ../sass/_responsive.scss */
/* line 128, ../sass/_responsive.scss */
.distribution-index #orders table .state-payment-mobile .glyphicon-time {
display: none;
}
/* line 129, ../sass/_responsive.scss */
/* line 134, ../sass/_responsive.scss */
.distribution-index #orders table ul.dropdown-menu a {
padding: 15px;
}
/* line 134, ../sass/_responsive.scss */
/* line 139, ../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 141, ../sass/_responsive.scss */
/* line 146, ../sass/_responsive.scss */
.distribution-index #orders table .column-origin,
.distribution-index #orders table .column-point-sale,
.distribution-index #orders table .column-state-payment,

+ 6
- 1
backend/web/sass/_responsive.scss View File

@@ -52,8 +52,13 @@ termes.
}
}

.distribution-index {
.table {
.column-hide-on-mobile {
display: none;
}
}

.distribution-index {
.modal-form-order {
.modal-container {
.modal-body {

+ 7
- 1
backend/web/sass/product/_index.scss View File

@@ -11,5 +11,11 @@
.ui-state-highlight {
height: 75px;
background-color: $color2 ;
}
}

@media screen and (max-width: 768px) {
.td-photo {
display: none;
}
}
}

Loading…
Cancel
Save