Laclic
/
Souke
Watch 5
Star 0
Fork 1
Code Issues 1 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

[Espace producteur] Produits : lien "En savoir plus" pour afficher la description longue #1162

feature/souke
Guillaume Bourgeois 1 year ago
parent
b4a2129a57
commit
c71cc4b829
7 changed files with 138 additions and 242 deletions
Unified View Show Diff Stats
  1. +6
    -3
      producer/views/order/order.php
  2. +4
    -4
      producer/views/site/index.php
  3. +90
    -152
      producer/web/css/screen.css
  4. +8
    -0
      producer/web/js/producer.js
  5. +5
    -0
      producer/web/js/vuejs/order-order.js
  6. +24
    -64
      producer/web/sass/_layout.scss
  7. +1
    -19
      producer/web/sass/order/_order.scss

+ 6
- 3
producer/views/order/order.php View File

<img v-if="product.photo.length" class="photo-product" <img v-if="product.photo.length" class="photo-product"
:src="product.photo"/> :src="product.photo"/>
</td> </td>
<td class="name">
<td class="name product-name-description-block">
<span class="name">{{ product.name }}</span> <span class="name">{{ product.name }}</span>
<span class="other"> <span class="other">
<span v-if="product.weight">({{ product.weight }}&nbsp;g)</span> <span v-if="product.weight">({{ product.weight }}&nbsp;g)</span>
<div class="description" v-if="product.description.length"> <div class="description" v-if="product.description.length">
{{ product.description }} {{ product.description }}
</div> </div>
<div class="recipe" v-if="product.recipe.length">
{{ product.recipe }}
<div class="description-long" v-if="product.recipe.length">
<a href="javascript:void(0);" class="show-more-link">En savoir plus</a>
<div class="content">
{{ product.recipe }}
</div>
</div> </div>
</td> </td>
<td class="price-unit"> <td class="price-unit">

+ 4
- 4
producer/views/site/index.php View File

$columnsProducts[] = [ $columnsProducts[] = [
'attribute' => 'name', 'attribute' => 'name',
'format' => 'raw', 'format' => 'raw',
'contentOptions' => ['class' => 'name'],
'contentOptions' => ['class' => 'name product-name-description-block'],
'value' => function ($model) { 'value' => function ($model) {
$html = '<span class="the-name">' . Html::encode($model->name) . '</span>';
$html = '<div class="name">' . Html::encode($model->name) . '</div>';
if (strlen($model->description)) { if (strlen($model->description)) {
$html .= ' / ' . Html::encode($model->description);
$html .= '<div class="description">' . Html::encode($model->description).'</div>';
} }
if (strlen($model->recipe)) { if (strlen($model->recipe)) {
$html .= '<br />' . nl2br(Html::encode($model->recipe));
$html .= '<div class="description-long"><a href="javascript:void(0);" class="show-more-link">En savoir plus</a><div class="content">' . nl2br(Html::encode($model->recipe)).'</div></div>';
} }
return $html; return $html;
} }

+ 90
- 152
producer/web/css/screen.css View File

color: #F39C12; color: #F39C12;
} }


/* line 142, ../sass/_layout.scss */
#header-bap {
position: absolute;
right: 0px;
top: 0px;
width: 70px;
background-color: white;
padding-top: 7px;
padding-bottom: 7px;
text-align: center;
z-index: 1000;
/* line 143, ../sass/_layout.scss */
.product-name-description-block .name {
font-family: "capsuularegular";
color: black;
font-size: 20px;
line-height: 25px;
font-weight: bold;
} }
/* line 153, ../sass/_layout.scss */
#header-bap .container {
padding-left: 0px;
padding-right: 0px;
/* line 151, ../sass/_layout.scss */
.product-name-description-block .other {
font-family: "capsuularegular";
color: black;
font-weight: bold;
font-size: 17px;
} }
/* line 158, ../sass/_layout.scss */ /* line 158, ../sass/_layout.scss */
#header-bap a#logo {
color: black;
text-decoration: none;
position: relative;
top: 3px;
.product-name-description-block .description,
.product-name-description-block .description-long {
color: gray;
} }
/* line 164, ../sass/_layout.scss */ /* line 164, ../sass/_layout.scss */
#header-bap a#logo img {
width: 45px;
}
/* line 169, ../sass/_layout.scss */
#header-bap ul#nav-bap {
float: right;
}
/* line 173, ../sass/_layout.scss */
#header-bap ul#nav-bap li a {
color: black;
font-size: 15px;
.product-name-description-block .description-long a {
color: #F39C12; color: #F39C12;
} }
/* line 178, ../sass/_layout.scss */
#header-bap ul#nav-bap li a:hover, #header-bap ul#nav-bap li a:focus {
color: #333;
color: #F39C12;
background: none;
}
/* line 185, ../sass/_layout.scss */
#header-bap ul#nav-bap li ul {
background-color: white;
border-top: solid 2px #F39C12;
left: -141px;
top: 50px;
width: 200px;
}
/* line 193, ../sass/_layout.scss */
#header-bap ul#nav-bap li ul li a {
text-transform: uppercase;
font-size: 13px;
}
/* line 197, ../sass/_layout.scss */
#header-bap ul#nav-bap li ul li a:hover {
color: #f5b043;
}
/* line 201, ../sass/_layout.scss */
#header-bap ul#nav-bap li ul li a small {
font-size: 10px;
line-height: 13px;
margin-left: 18px;
/* line 167, ../sass/_layout.scss */
.product-name-description-block .description-long .content {
display: none;
} }


/* line 213, ../sass/_layout.scss */
/* line 173, ../sass/_layout.scss */
#left { #left {
background-color: #FFF8DC; background-color: #FFF8DC;
text-align: center; text-align: center;
padding: 0px; padding: 0px;
position: relative; position: relative;
} }
/* line 220, ../sass/_layout.scss */
/* line 180, ../sass/_layout.scss */
#left .fixed { #left .fixed {
position: fixed; position: fixed;
display: none; display: none;
} }
/* line 226, ../sass/_layout.scss */
/* line 186, ../sass/_layout.scss */
#left #logo { #left #logo {
position: relative; position: relative;
background-color: white; background-color: white;
text-align: center; text-align: center;
overflow: hidden; overflow: hidden;
} }
/* line 238, ../sass/_layout.scss */
/* line 198, ../sass/_layout.scss */
#left #logo img { #left #logo img {
position: absolute; position: absolute;
top: 50%; top: 50%;
max-width: 90px; max-width: 90px;
max-height: 90px; max-height: 90px;
} }
/* line 248, ../sass/_layout.scss */
/* line 208, ../sass/_layout.scss */
#left h1, #left h2, #left #infos, #left #infos a { #left h1, #left h2, #left #infos, #left #infos a {
color: #323232; color: #323232;
} }
/* line 252, ../sass/_layout.scss */
/* line 212, ../sass/_layout.scss */
#left h1 { #left h1 {
text-transform: uppercase; text-transform: uppercase;
font-family: "highvoltageregular"; font-family: "highvoltageregular";
text-align: center; text-align: center;
font-weight: normal; font-weight: normal;
} }
/* line 263, ../sass/_layout.scss */
/* line 223, ../sass/_layout.scss */
#left h2 { #left h2 {
font-family: "capsuularegular"; font-family: "capsuularegular";
font-size: 15px; font-size: 15px;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
} }
/* line 269, ../sass/_layout.scss */
/* line 229, ../sass/_layout.scss */
#left h2 .favorite { #left h2 .favorite {
padding-left: 0px; padding-left: 0px;
} }
/* line 272, ../sass/_layout.scss */
/* line 232, ../sass/_layout.scss */
#left h2 .favorite .glyphicon { #left h2 .favorite .glyphicon {
font-size: 14px; font-size: 14px;
} }
/* line 277, ../sass/_layout.scss */
/* line 237, ../sass/_layout.scss */
#left h2 a { #left h2 a {
color: #323232; color: #323232;
} }
/* line 283, ../sass/_layout.scss */
/* line 243, ../sass/_layout.scss */
#left nav#main-nav { #left nav#main-nav {
background-color: white; background-color: white;
border: solid 1px #e0e0e0; border: solid 1px #e0e0e0;
border-bottom: 0px none; border-bottom: 0px none;
margin-top: 20px; margin-top: 20px;
} }
/* line 290, ../sass/_layout.scss */
/* line 250, ../sass/_layout.scss */
#left nav#main-nav ul li { #left nav#main-nav ul li {
display: block; display: block;
} }
/* line 293, ../sass/_layout.scss */
/* line 253, ../sass/_layout.scss */
#left nav#main-nav ul li a { #left nav#main-nav ul li a {
color: #323232; color: #323232;
color: black; color: black;
display: block; display: block;
text-align: left; text-align: left;
} }
/* line 302, ../sass/_layout.scss */
/* line 262, ../sass/_layout.scss */
#left nav#main-nav ul li a .glyphicon { #left nav#main-nav ul li a .glyphicon {
font-size: 15px; font-size: 15px;
margin-right: 3px; margin-right: 3px;
} }
/* line 307, ../sass/_layout.scss */
/* line 267, ../sass/_layout.scss */
#left nav#main-nav ul li a span.label { #left nav#main-nav ul li a span.label {
padding-bottom: 3px; padding-bottom: 3px;
font-family: "Arial"; font-family: "Arial";
float: right; float: right;
} }
/* line 315, ../sass/_layout.scss */
/* line 275, ../sass/_layout.scss */
#left nav#main-nav ul li.active span.label, #left nav#main-nav ul li a:hover span.label { #left nav#main-nav ul li.active span.label, #left nav#main-nav ul li a:hover span.label {
background-color: #e08e0b; background-color: #e08e0b;
color: white; color: white;
} }
/* line 321, ../sass/_layout.scss */
/* line 281, ../sass/_layout.scss */
#left nav#main-nav ul li a:hover, #left nav#main-nav ul li.active a { #left nav#main-nav ul li a:hover, #left nav#main-nav ul li.active a {
background: #F39C12; background: #F39C12;
color: white; color: white;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
/* line 330, ../sass/_layout.scss */
/* line 290, ../sass/_layout.scss */
#left nav#main-nav ul li#btn-administration a { #left nav#main-nav ul li#btn-administration a {
color: #F39C12; color: #F39C12;
} }
/* line 333, ../sass/_layout.scss */
/* line 293, ../sass/_layout.scss */
#left nav#main-nav ul li#btn-administration a:hover { #left nav#main-nav ul li#btn-administration a:hover {
color: white; color: white;
} }
/* line 341, ../sass/_layout.scss */
/* line 301, ../sass/_layout.scss */
#left nav#main-nav #user { #left nav#main-nav #user {
color: #F39C12; color: #F39C12;
float: right; float: right;
padding: 10px; padding: 10px;
} }


/* line 349, ../sass/_layout.scss */
/* line 309, ../sass/_layout.scss */
#main { #main {
background-color: #FFF8DC; background-color: #FFF8DC;
border: solid 1px #e0e0e0; border: solid 1px #e0e0e0;
padding: 0px; padding: 0px;
background-color: white; background-color: white;
} }
/* line 356, ../sass/_layout.scss */
/* line 316, ../sass/_layout.scss */
#main #img-big { #main #img-big {
height: 130px; height: 130px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
} }
/* line 361, ../sass/_layout.scss */
/* line 321, ../sass/_layout.scss */
#main #img-big img.img-photo { #main #img-big img.img-photo {
width: 100%; width: 100%;
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
/* line 371, ../sass/_layout.scss */
/* line 331, ../sass/_layout.scss */
#main #infos-producer { #main #infos-producer {
padding: 5px 10px; padding: 5px 10px;
margin-bottom: 0px; margin-bottom: 0px;
border-bottom: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0;
color: gray; color: gray;
} }
/* line 380, ../sass/_layout.scss */
/* line 340, ../sass/_layout.scss */
#main #infos-producer strong { #main #infos-producer strong {
font-weight: bold; font-weight: bold;
} }
/* line 384, ../sass/_layout.scss */
/* line 344, ../sass/_layout.scss */
#main #infos-producer .favorite { #main #infos-producer .favorite {
float: right; float: right;
color: gray; color: gray;
} }
/* line 387, ../sass/_layout.scss */
/* line 347, ../sass/_layout.scss */
#main #infos-producer .favorite a { #main #infos-producer .favorite a {
color: black; color: black;
} }
/* line 393, ../sass/_layout.scss */
/* line 353, ../sass/_layout.scss */
#main h2#page-title { #main h2#page-title {
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
top: -10px; top: -10px;
text-align: left; text-align: left;
} }
/* line 407, ../sass/_layout.scss */
/* line 367, ../sass/_layout.scss */
#main h2#page-title #buttons { #main h2#page-title #buttons {
margin-bottom: 15px; margin-bottom: 15px;
font-family: "Arial"; font-family: "Arial";
} }
/* line 414, ../sass/_layout.scss */
/* line 374, ../sass/_layout.scss */
#main #content { #main #content {
padding: 0px 20px 20px 20px; padding: 0px 20px 20px 20px;
padding-bottom: 40px; padding-bottom: 40px;
min-height: 300px; min-height: 300px;
} }
/* line 419, ../sass/_layout.scss */
/* line 379, ../sass/_layout.scss */
#main #content h1, #main #content h2, #main #content h3, #main #content h4, #main #content h5, #main #content h6 { #main #content h1, #main #content h2, #main #content h3, #main #content h4, #main #content h5, #main #content h6 {
font-family: "highvoltageregular"; font-family: "highvoltageregular";
margin-top: 30px; margin-top: 30px;
margin-bottom: 20px; margin-bottom: 20px;
} }
/* line 424, ../sass/_layout.scss */
/* line 384, ../sass/_layout.scss */
#main #content h1.first, #main #content h2.first, #main #content h3.first, #main #content h4.first, #main #content h5.first, #main #content h6.first { #main #content h1.first, #main #content h2.first, #main #content h3.first, #main #content h4.first, #main #content h5.first, #main #content h6.first {
margin-top: 0px; margin-top: 0px;
} }
/* line 429, ../sass/_layout.scss */
/* line 389, ../sass/_layout.scss */
#main #content h1 { #main #content h1 {
font-size: 30px; font-size: 30px;
} }
/* line 433, ../sass/_layout.scss */
/* line 393, ../sass/_layout.scss */
#main #content h2 { #main #content h2 {
font-size: 25px; font-size: 25px;
} }
/* line 438, ../sass/_layout.scss */
/* line 398, ../sass/_layout.scss */
#main #content h3 { #main #content h3 {
font-family: "capsuularegular"; font-family: "capsuularegular";
text-transform: uppercase; text-transform: uppercase;
margin-bottom: 30px; margin-bottom: 30px;
margin-top: 45px; margin-top: 45px;
} }
/* line 446, ../sass/_layout.scss */
/* line 406, ../sass/_layout.scss */
#main #content h3 span { #main #content h3 span {
padding-top: 14px; padding-top: 14px;
color: #323232; color: #323232;
} }
/* line 452, ../sass/_layout.scss */
/* line 412, ../sass/_layout.scss */
#main #content h4 { #main #content h4 {
font-size: 20px; font-size: 20px;
} }
/* line 456, ../sass/_layout.scss */
/* line 416, ../sass/_layout.scss */
#main #content h5 { #main #content h5 {
font-size: 18px; font-size: 18px;
} }
/* line 460, ../sass/_layout.scss */
/* line 420, ../sass/_layout.scss */
#main #content h6 { #main #content h6 {
font-size: 16px; font-size: 16px;
} }
/* line 466, ../sass/_layout.scss */
/* line 426, ../sass/_layout.scss */
#main #content form .form-group .hint-block { #main #content form .form-group .hint-block {
color: gray; color: gray;
} }


/* line 474, ../sass/_layout.scss */
/* line 434, ../sass/_layout.scss */
#footer-producer { #footer-producer {
text-align: center; text-align: center;
position: absolute; position: absolute;
left: 0px; left: 0px;
width: 100%; width: 100%;
} }
/* line 481, ../sass/_layout.scss */
/* line 441, ../sass/_layout.scss */
#footer-producer a { #footer-producer a {
color: #F39C12; color: #F39C12;
} }
/* line 483, ../sass/_layout.scss */
/* line 443, ../sass/_layout.scss */
#footer-producer a:active { #footer-producer a:active {
text-decoration: underline; text-decoration: underline;
} }


/* line 489, ../sass/_layout.scss */
/* line 449, ../sass/_layout.scss */
#footer { #footer {
background-color: #FFF8DC; background-color: #FFF8DC;
height: 100px; height: 100px;
float: right; float: right;
text-align: center; text-align: center;
} }
/* line 495, ../sass/_layout.scss */
/* line 455, ../sass/_layout.scss */
#footer .content { #footer .content {
padding-top: 20px; padding-top: 20px;
color: black; color: black;
} }
/* line 499, ../sass/_layout.scss */
/* line 459, ../sass/_layout.scss */
#footer .content a { #footer .content a {
color: black; color: black;
font-family: "capsuularegular"; font-family: "capsuularegular";
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
} }
/* line 506, ../sass/_layout.scss */
/* line 466, ../sass/_layout.scss */
#footer .content a:hover { #footer .content a:hover {
text-decoration: underline; text-decoration: underline;
} }
/* line 513, ../sass/_layout.scss */
/* line 473, ../sass/_layout.scss */
#footer #code-source img { #footer #code-source img {
height: 20px; height: 20px;
} }
.order-order #main #app-order-order table#products td.photo img { .order-order #main #app-order-order table#products td.photo img {
width: 100px; width: 100px;
} }
/* line 278, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products td.name .name {
font-family: "capsuularegular";
color: black;
font-size: 20px;
line-height: 25px;
font-weight: bold;
}
/* line 285, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products td.name .other {
font-family: "capsuularegular";
color: black;
font-weight: bold;
font-size: 17px;
}
/* line 291, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products td.name .description {
color: gray;
}
/* line 294, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products td.name .recipe {
color: gray;
}
/* line 300, ../sass/order/_order.scss */
/* line 282, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products .price-unit .decreasing-prices { .order-order #main #app-order-order table#products .price-unit .decreasing-prices {
margin-top: 10px; margin-top: 10px;
font-size: 10px; font-size: 10px;
padding-bottom: 2px; padding-bottom: 2px;
margin-bottom: 0px; margin-bottom: 0px;
} }
/* line 308, ../sass/order/_order.scss */
/* line 290, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products .price-unit .decreasing-prices ul li { .order-order #main #app-order-order table#products .price-unit .decreasing-prices ul li {
margin-bottom: 5px; margin-bottom: 5px;
} }
/* line 310, ../sass/order/_order.scss */
/* line 292, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products .price-unit .decreasing-prices ul li strong { .order-order #main #app-order-order table#products .price-unit .decreasing-prices ul li strong {
font-weight: bold; font-weight: bold;
} }
/* line 318, ../sass/order/_order.scss */
/* line 300, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products .price-unit, .order-order #main #app-order-order table#products .price-total { .order-order #main #app-order-order table#products .price-unit, .order-order #main #app-order-order table#products .price-total {
width: 135px; width: 135px;
text-align: center; text-align: center;
} }
/* line 322, ../sass/order/_order.scss */
/* line 304, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products .price-unit .unit, .order-order #main #app-order-order table#products .price-total .unit { .order-order #main #app-order-order table#products .price-unit .unit, .order-order #main #app-order-order table#products .price-total .unit {
color: gray; color: gray;
font-size: 13px; font-size: 13px;
} }
/* line 327, ../sass/order/_order.scss */
/* line 309, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products .td-quantity { .order-order #main #app-order-order table#products .td-quantity {
width: 175px; width: 175px;
} }
/* line 329, ../sass/order/_order.scss */
/* line 311, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products .td-quantity input.quantity { .order-order #main #app-order-order table#products .td-quantity input.quantity {
text-align: center; text-align: center;
border-right: 0px none; border-right: 0px none;
} }
/* line 333, ../sass/order/_order.scss */
/* line 315, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products .td-quantity .input-group-addon { .order-order #main #app-order-order table#products .td-quantity .input-group-addon {
padding: 5px; padding: 5px;
padding-left: 0px; padding-left: 0px;
border-left: 0px none; border-left: 0px none;
border-right: 0px none; border-right: 0px none;
} }
/* line 344, ../sass/order/_order.scss */
/* line 326, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products tr.total .summary h3 { .order-order #main #app-order-order table#products tr.total .summary h3 {
margin-top: 0px; margin-top: 0px;
font-family: "capsuularegular"; font-family: "capsuularegular";
text-transform: none; text-transform: none;
margin-bottom: 5px; margin-bottom: 5px;
} }
/* line 351, ../sass/order/_order.scss */
/* line 333, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products tr.total .summary ul { .order-order #main #app-order-order table#products tr.total .summary ul {
margin-bottom: 15px; margin-bottom: 15px;
padding-left: 20px; padding-left: 20px;
font-size: 23px; font-size: 23px;
} }
/* line 358, ../sass/order/_order.scss */
/* line 340, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products tr.total .summary ul li .quantity { .order-order #main #app-order-order table#products tr.total .summary ul li .quantity {
font-size: 18px; font-size: 18px;
} }
/* line 362, ../sass/order/_order.scss */
/* line 344, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products tr.total .summary ul li .name { .order-order #main #app-order-order table#products tr.total .summary ul li .name {
font-family: "capsuularegular"; font-family: "capsuularegular";
font-size: 24px; font-size: 24px;
} }
/* line 366, ../sass/order/_order.scss */
/* line 348, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products tr.total .summary ul li .other { .order-order #main #app-order-order table#products tr.total .summary ul li .other {
font-family: "capsuularegular"; font-family: "capsuularegular";
font-size: 18px; font-size: 18px;
} }
/* line 374, ../sass/order/_order.scss */
/* line 356, ../sass/order/_order.scss */
.order-order #main #app-order-order table#products tr.total .price-total { .order-order #main #app-order-order table#products tr.total .price-total {
font-size: 23px; font-size: 23px;
} }
/* line 382, ../sass/order/_order.scss */
/* line 364, ../sass/order/_order.scss */
.order-order #main #app-order-order #content-step-payment .delivery { .order-order #main #app-order-order #content-step-payment .delivery {
margin-bottom: 20px; margin-bottom: 20px;
} }
/* line 385, ../sass/order/_order.scss */
/* line 367, ../sass/order/_order.scss */
.order-order #main #app-order-order #content-step-payment .delivery .delivery-home { .order-order #main #app-order-order #content-step-payment .delivery .delivery-home {
margin-bottom: 20px; margin-bottom: 20px;
} }
/* line 394, ../sass/order/_order.scss */
/* line 376, ../sass/order/_order.scss */
.order-order #main #app-order-order #content-step-payment .comment { .order-order #main #app-order-order #content-step-payment .comment {
margin-bottom: 20px; margin-bottom: 20px;
} }
/* line 399, ../sass/order/_order.scss */
/* line 381, ../sass/order/_order.scss */
.order-order #main #app-order-order #content-step-payment .credit .info { .order-order #main #app-order-order #content-step-payment .credit .info {
margin-left: 20px; margin-left: 20px;
color: gray; color: gray;
} }
/* line 406, ../sass/order/_order.scss */
/* line 388, ../sass/order/_order.scss */
.order-order #main #app-order-order #specific-delays { .order-order #main #app-order-order #specific-delays {
margin-top: 15px; margin-top: 15px;
} }
/* line 414, ../sass/order/_order.scss */
/* line 396, ../sass/order/_order.scss */
.order-order #main #app-order-order #infos { .order-order #main #app-order-order #infos {
margin-top: 30px; margin-top: 30px;
} }
/* line 416, ../sass/order/_order.scss */
/* line 398, ../sass/order/_order.scss */
.order-order #main #app-order-order #infos .panel-body { .order-order #main #app-order-order #infos .panel-body {
padding-top: 0px; padding-top: 0px;
white-space: pre-line; white-space: pre-line;
} }


/* line 426, ../sass/order/_order.scss */
/* line 408, ../sass/order/_order.scss */
#main #content .panel h3 { #main #content .panel h3 {
font-family: "highvoltageregular"; font-family: "highvoltageregular";
margin: 0px; margin: 0px;

+ 8
- 0
producer/web/js/producer.js View File

$(document).ready(function () { $(document).ready(function () {
opendistrib_datepicker(); opendistrib_datepicker();
opendistrib_fix_width_sidebar(); opendistrib_fix_width_sidebar();
opendistrib_products();
}); });


function opendistrib_products() {
$('.product-name-description-block .show-more-link').unbind('click').click(function() {
$(this).hide();
$(this).parent().find('.content').show();
});
}

function opendistrib_datepicker() { function opendistrib_datepicker() {
$('input.datepicker').datepicker({dateFormat: 'dd/mm/yy'}); $('input.datepicker').datepicker({dateFormat: 'dd/mm/yy'});
} }

+ 5
- 0
producer/web/js/vuejs/order-order.js View File



setTimeout(function() { setTimeout(function() {
app.responsive(); app.responsive();
opendistrib_products();
}, 500); }, 500);


app.loading = false ; app.loading = false ;
else { else {
this.categoryCurrent = category ; this.categoryCurrent = category ;
} }

setTimeout(function() {
opendistrib_products();
}, 500);
} }
}, },
computed : { computed : {

+ 24
- 64
producer/web/sass/_layout.scss View File

} }
} }


#header-bap {
position: absolute ;
right: 0px ;
top: 0px ;
width: 70px ;
background-color: white ;
padding-top: 7px ;
padding-bottom: 7px ;
text-align: center ;
z-index: 1000 ;
.container {
padding-left: 0px ;
padding-right: 0px ;
.product-name-description-block {
.name {
font-family: 'capsuularegular' ;
color: black ;
font-size: 20px ;
line-height: 25px ;
font-weight: bold;
} }
a#logo {

.other {
font-family: 'capsuularegular' ;
color: black ; color: black ;
text-decoration: none ;
position: relative ;
top: 3px ;
img {
width: 45px ;
}
font-weight: bold;
font-size: 17px ;
} }
ul#nav-bap {
float: right ;
li {
a {
color: black ;
font-size: 15px ;
color: $color1 ;
&:hover, &:focus {
color: #333 ;
color: $color1 ;
background: none ;
}
}
ul {
background-color: $color2 ;
border-top: solid 2px $color1 ;
left: -141px ;
top: 50px ;
width: 200px ;
li {
a {
text-transform: uppercase ;
font-size: 13px ;
&:hover {
color: lighten($color1, 10) ;
}
small {
font-size: 10px ;
line-height: 13px ;
margin-left: 18px ;
}
}
}
}

.description,
.description-long {
color: gray;
}

.description-long {
a {
color: $color1;
}
.content {
display: none;
} }
} }
} }

+ 1
- 19
producer/web/sass/order/_order.scss View File

} }
td.name { td.name {
.name {
font-family: 'capsuularegular' ;
color: black ;
font-size: 20px ;
line-height: 25px ;
font-weight: bold;
}
.other {
font-family: 'capsuularegular' ;
color: black ;
font-weight: bold;
font-size: 17px ;
}
.description {
color: gray;
}
.recipe {
color: gray ;
}

} }


.price-unit { .price-unit {

Write Preview
Loading…
Cancel
Save