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

Frontend : affichage des producteurs favoris 

Ajout des producteurs favoris en haut de page.
Gestion des producteurs favoris via le champs 'favoris' de la table user_etablissement.
refactoring
keun 6 years ago
parent
21be766151
commit
9f9db9ef4c
6 changed files with 343 additions and 181 deletions
Split View Show Diff Stats
  1. +5
    -1
      common/models/UserEtablissement.php
  2. +15
    -0
      console/migrations/m180331_185334_add_field_favorite_producer.php
  3. +32
    -8
      frontend/views/layouts/main.php
  4. BIN
      frontend/web/.sass-cache/a737daaa3b038cd28cb74dc0777f663fd8a4a5ae/screen.scssc
  5. +201
    -140
      frontend/web/css/screen.css
  6. +90
    -32
      frontend/web/sass/screen.scss

+ 5
- 1
common/models/UserEtablissement.php View File

@@ -9,6 +9,8 @@ use Yii;
*
* @property integer $id_user
* @property integer $id_etablissement
* @property boolean $actif
* @property boolean $favoris
*/
class UserEtablissement extends \yii\db\ActiveRecord {

@@ -26,7 +28,7 @@ class UserEtablissement extends \yii\db\ActiveRecord {
return [
[['id_user', 'id_etablissement'], 'required'],
[['id_user', 'id_etablissement'], 'integer'],
[['actif'], 'boolean'],
[['actif','favoris'], 'boolean'],
[['credit'], 'double'],
];
}
@@ -38,6 +40,8 @@ class UserEtablissement extends \yii\db\ActiveRecord {
return [
'id_user' => 'Id User',
'id_etablissement' => 'Id Etablissement',
'actif' => 'Actif',
'favoris' => 'Favoris',
];
}


+ 15
- 0
console/migrations/m180331_185334_add_field_favorite_producer.php View File

@@ -0,0 +1,15 @@
<?php

use yii\db\Migration;
use yii\db\Schema;

class m180331_185334_add_field_favorite_producer extends Migration {

public function up() {
$this->addColumn('user_etablissement', 'favoris', Schema::TYPE_BOOLEAN.' DEFAULT 1') ;
}

public function down() {
$this->dropColumn('user_etablissement', 'favoris') ;
}
}

+ 32
- 8
frontend/views/layouts/main.php View File

@@ -45,8 +45,7 @@ $is_home = (Yii::$app->controller->id == 'site' && Yii::$app->controller->action
</div>
<?php endif; ?>
<header id="header">
<div class="container">
<div id="the-header" class="container">
<a id="link-home" href="<?= Yii::$app->urlManager->createUrl('site/index') ; ?>">
<img class="icon" src="<?php echo Yii::$app->urlManager->getBaseUrl(); ?>/img/laboulange3.png" alt="" />
<div class="text">
@@ -55,7 +54,6 @@ $is_home = (Yii::$app->controller->id == 'site' && Yii::$app->controller->action
<?php if(YII_ENV == 'dev' || YII_ENV == 'demo'): ?><?php if(YII_ENV == 'dev'): ?>(dév)<?php elseif(YII_ENV == 'demo'): ?>(démo)<?php endif; ?><?php endif; ?></div>
</div>
</a>
<nav>
<?php
echo Nav::widget([
@@ -107,6 +105,33 @@ $is_home = (Yii::$app->controller->id == 'site' && Yii::$app->controller->action
</nav>
</div>
</header>
<?php if(!Yii::$app->user->isGuest): ?>
<section id="favorite-producers">
<div class="container">
<h2>Mes producteurs</h2>
<?php
$producers = Etablissement::find()
->joinWith(['userEtablissement user_etablissement'])
->where(['user_etablissement.id_user' => Yii::$app->user->id, 'etablissement.actif' => 1])
->all() ;
?>
<?php if(count($producers)): ?>
<?php foreach($producers as $producer): ?>
<div class="col-md-<?php if(count($producers) == 1): ?>6<?php elseif(count($producers) == 2): ?>6<?php else: ?>3<?php endif; ?>">
<div class="producer" style="background-image:url('<?= Yii::$app->urlManagerProducer->baseUrl ?>/uploads/<?= $producer->photo ?>');">>
<a class="btn btn-primary" href="<?= Yii::$app->urlManagerProducer->createAbsoluteUrl(['site/index','slug_producer' => $producer->slug]); ?>"><?= Html::encode($producer->nom); ?></a>
</div>
</div>
<?php endforeach;?>
<?php else: ?>

<?php endif; ?>
<div class="clr"></div>
</div>
</section>
<?php endif; ?>
<div id="main">
<section class="container" id="content">
<?php if(Yii::$app->session->hasFlash('error')): ?>
@@ -121,12 +146,13 @@ $is_home = (Yii::$app->controller->id == 'site' && Yii::$app->controller->action
<?php endif; ?>
<?= $content ?>
</section>
</div>
<footer id="footer">
<div class="container">
<a href="<?php echo Yii::$app->urlManager->createUrl('site/contact') ; ?>">Contact</a>
<a href="<?php echo Yii::$app->urlManager->createUrl('site/mentions') ; ?>">Mentions légales</a>
<a href="<?php echo Yii::$app->urlManager->createUrl('site/contact') ; ?>">Contact</a> &bull;
<a href="<?php echo Yii::$app->urlManager->createUrl('site/mentions') ; ?>">Mentions légales</a> &bull;
<a href="<?php echo Yii::$app->urlManager->createUrl('site/cgv') ; ?>">CGS</a>
</div>
</footer>
@@ -142,9 +168,7 @@ $is_home = (Yii::$app->controller->id == 'site' && Yii::$app->controller->action

ga('create', 'UA-86917043-1', 'auto');
ga('send', 'pageview');
</script>
</script>
</body>
</html>
<?php $this->endPage() ?>

BIN
frontend/web/.sass-cache/a737daaa3b038cd28cb74dc0777f663fd8a4a5ae/screen.scssc View File


+ 201
- 140
frontend/web/css/screen.css View File

@@ -65,44 +65,49 @@ body {
min-height: 100%;
margin: 0;
padding: 0;
background-color: #F8F1DD;
}

/* line 39, ../sass/screen.scss */
/* line 40, ../sass/screen.scss */
strong {
font-weight: bold;
}

/* line 44, ../sass/screen.scss */
#main {
background-color: white;
}
/* line 46, ../sass/screen.scss */
#main a {
color: #505050;
text-decoration: underline;
}
/* line 48, ../sass/screen.scss */
/* line 50, ../sass/screen.scss */
#main a:focus, #main a:active {
outline-color: gray;
color: #BB8757;
}
/* line 53, ../sass/screen.scss */
/* line 55, ../sass/screen.scss */
#main a:hover {
color: #BB8757;
}
/* line 57, ../sass/screen.scss */
/* line 59, ../sass/screen.scss */
#main a.btn {
text-decoration: none;
}
/* line 62, ../sass/screen.scss */
/* line 64, ../sass/screen.scss */
#main .btn-primary {
background-color: #BB8757;
border: solid 1px #BB8757;
color: white;
}
/* line 67, ../sass/screen.scss */
/* line 69, ../sass/screen.scss */
#main .btn-primary:hover, #main .btn-primary:active, #main .btn-primary:focus {
background-color: #b17a48;
border: solid 1px #BB8757;
color: white;
}
/* line 74, ../sass/screen.scss */
/* line 76, ../sass/screen.scss */
#main .form-control:focus {
-moz-box-shadow: none;
-webkit-box-shadow: none;
@@ -110,63 +115,63 @@ strong {
border: solid 1px #BB8757;
}

/* line 80, ../sass/screen.scss */
/* line 82, ../sass/screen.scss */
p {
padding-bottom: 20px;
line-height: 21px;
}

/* line 85, ../sass/screen.scss */
/* line 87, ../sass/screen.scss */
ul {
padding-left: 20px;
list-style-type: disc;
margin-bottom: 10px;
}
/* line 90, ../sass/screen.scss */
/* line 92, ../sass/screen.scss */
ul li {
padding-left: 5px;
}

/* line 95, ../sass/screen.scss */
/* line 97, ../sass/screen.scss */
.clr {
clear: both;
}

/* line 99, ../sass/screen.scss */
/* line 101, ../sass/screen.scss */
.btn {
background-image: none;
}

/* line 103, ../sass/screen.scss */
/* line 105, ../sass/screen.scss */
#main .alert {
background-image: none;
background-color: white;
border-bottom-width: 3px;
}

/* line 111, ../sass/screen.scss */
/* line 113, ../sass/screen.scss */
.alert.alert-warning a {
color: #8a6d3b;
}

/* line 122, ../sass/screen.scss */
/* line 124, ../sass/screen.scss */
#main {
position: relative;
}
/* line 124, ../sass/screen.scss */
/* line 126, ../sass/screen.scss */
#main .inner {
width: 960px;
margin: 0px auto;
}

/* line 131, ../sass/screen.scss */
/* line 133, ../sass/screen.scss */
#content .content-text h1 {
font-family: "myriadpro-regular";
font-size: 30px;
color: black;
text-transform: uppercase;
}
/* line 138, ../sass/screen.scss */
/* line 140, ../sass/screen.scss */
#content .content-text h2 {
font-family: "comfortaaregular";
font-size: 20px;
@@ -176,7 +181,7 @@ ul li {
margin-top: 5px;
}

/* line 149, ../sass/screen.scss */
/* line 152, ../sass/screen.scss */
#content #the-content {
padding-top: 100px;
padding-left: 30px;
@@ -184,31 +189,34 @@ ul li {
padding-bottom: 50px;
}

/* line 157, ../sass/screen.scss */
/* line 160, ../sass/screen.scss */
#block-demo {
padding: 10px 0px;
background-color: #BB8757;
color: white;
text-align: center;
}
/* line 163, ../sass/screen.scss */
/* line 166, ../sass/screen.scss */
#block-demo a {
color: white;
text-decoration: underline;
}

/* line 169, ../sass/screen.scss */
/* line 172, ../sass/screen.scss */
#header {
z-index: 100;
border-bottom: solid 1px #e0e0e0;
background-color: #f8f1dd;
height: 86px;
}
/* line 175, ../sass/screen.scss */
/* line 177, ../sass/screen.scss */
#header .container {
position: relative;
}
/* line 179, ../sass/screen.scss */
/* line 181, ../sass/screen.scss */
#header #the-header {
height: 80px;
}
/* line 185, ../sass/screen.scss */
#header #env-dev {
font-family: "comfortaabold";
text-align: center;
@@ -221,7 +229,7 @@ ul li {
top: 18px;
left: 79px;
}
/* line 192, ../sass/screen.scss */
/* line 198, ../sass/screen.scss */
#header #link-home {
position: absolute;
top: 10px;
@@ -231,60 +239,60 @@ ul li {
color: black;
display: block;
}
/* line 201, ../sass/screen.scss */
/* line 207, ../sass/screen.scss */
#header #link-home img {
height: 60px;
height: 50px;
margin-bottom: 5px;
float: left;
}
/* line 207, ../sass/screen.scss */
/* line 213, ../sass/screen.scss */
#header #link-home .text {
float: left;
padding-left: 10px;
}
/* line 211, ../sass/screen.scss */
/* line 217, ../sass/screen.scss */
#header #link-home .text .bap {
font-family: "comfortaalight";
font-size: 24px;
}
/* line 216, ../sass/screen.scss */
/* line 222, ../sass/screen.scss */
#header #link-home .text .plateforme {
font-size: 17px;
font-family: "myriadpro-light";
color: #BB8757;
}
/* line 224, ../sass/screen.scss */
/* line 230, ../sass/screen.scss */
#header #link-espace-boulanger {
border-left: solid 1px #e0e0e0;
color: #BB8757;
}
/* line 229, ../sass/screen.scss */
/* line 235, ../sass/screen.scss */
#header nav {
padding-top: 22px;
}
/* line 231, ../sass/screen.scss */
/* line 237, ../sass/screen.scss */
#header nav ul {
float: right;
}
/* line 234, ../sass/screen.scss */
/* line 240, ../sass/screen.scss */
#header nav ul li a {
text-decoration: none;
color: #505050;
}
/* line 238, ../sass/screen.scss */
/* line 244, ../sass/screen.scss */
#header nav ul li a:hover {
color: black;
background-color: white;
}
/* line 245, ../sass/screen.scss */
/* line 251, ../sass/screen.scss */
#header nav ul li.active a {
background-color: white;
}
/* line 250, ../sass/screen.scss */
/* line 256, ../sass/screen.scss */
#header nav ul li#link-producteurs {
border-right: solid 1px #e0e0e0;
}
/* line 260, ../sass/screen.scss */
/* line 266, ../sass/screen.scss */
#header #link-logout .nom {
color: gray;
font-size: 10px;
@@ -293,20 +301,19 @@ ul li {
top: -4px;
}

/* line 276, ../sass/screen.scss */
/* line 283, ../sass/screen.scss */
#content {
position: relative;
padding: 20px 0px;
padding-bottom: 100px;
padding-top: 35px;
min-height: 500px;
padding-bottom: 50px;
}
/* line 283, ../sass/screen.scss */
/* line 289, ../sass/screen.scss */
#content h1#title-site {
font-family: "comfortaalight";
font-size: 50px;
}
/* line 290, ../sass/screen.scss */
/* line 296, ../sass/screen.scss */
#content h2 {
color: black;
padding-bottom: 15px;
@@ -317,16 +324,16 @@ ul li {
position: relative;
margin-top: 30px;
}
/* line 301, ../sass/screen.scss */
/* line 307, ../sass/screen.scss */
#content h3 {
color: black;
font-size: 20px;
}
/* line 309, ../sass/screen.scss */
/* line 315, ../sass/screen.scss */
#content #description img {
width: 100%;
}
/* line 314, ../sass/screen.scss */
/* line 320, ../sass/screen.scss */
#content #main-img {
max-width: 100%;
border: solid 1px #e0e0e0;
@@ -335,79 +342,79 @@ ul li {
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* line 323, ../sass/screen.scss */
/* line 329, ../sass/screen.scss */
#content #row-presentation h1 {
color: black;
}
/* line 326, ../sass/screen.scss */
/* line 332, ../sass/screen.scss */
#content #row-presentation strong {
font-family: "myriadpro-light";
font-size: 20px;
color: #B17A48;
}
/* line 333, ../sass/screen.scss */
/* line 339, ../sass/screen.scss */
#content #row-signup {
text-align: center;
margin-top: 40px;
padding-top: 40px;
}
/* line 338, ../sass/screen.scss */
/* line 344, ../sass/screen.scss */
#content #row-signup a.btn {
padding: 10px 20px;
font-size: 20px;
text-transform: uppercase;
}
/* line 344, ../sass/screen.scss */
/* line 350, ../sass/screen.scss */
#content #row-signup a.btn-primary {
margin-right: 15px;
}
/* line 349, ../sass/screen.scss */
/* line 355, ../sass/screen.scss */
#content #row-clients-boulanger {
margin-bottom: 50px;
}
/* line 352, ../sass/screen.scss */
/* line 358, ../sass/screen.scss */
#content #row-clients-boulanger h2 {
margin-bottom: 10px;
}
/* line 354, ../sass/screen.scss */
/* line 360, ../sass/screen.scss */
#content #row-clients-boulanger h2 .img {
height: 50px;
}
/* line 357, ../sass/screen.scss */
/* line 363, ../sass/screen.scss */
#content #row-clients-boulanger h2 span {
margin-left: 10px;
font-size: 25px;
position: relative;
top: 5px;
}
/* line 365, ../sass/screen.scss */
/* line 371, ../sass/screen.scss */
#content #row-clients-boulanger ul {
text-align: left;
}
/* line 367, ../sass/screen.scss */
/* line 373, ../sass/screen.scss */
#content #row-clients-boulanger ul li {
list-style-type: circle;
color: #BB8757;
}
/* line 373, ../sass/screen.scss */
/* line 379, ../sass/screen.scss */
#content #row-clients-boulanger p {
padding-bottom: 4px;
}
/* line 379, ../sass/screen.scss */
/* line 385, ../sass/screen.scss */
#content #row-clients-boulanger .boulanger .prix span {
background-color: #F8F1DD;
}
/* line 382, ../sass/screen.scss */
/* line 388, ../sass/screen.scss */
#content #row-clients-boulanger .boulanger .prix span a {
color: #BB8757;
text-decoration: none;
}
/* line 390, ../sass/screen.scss */
/* line 396, ../sass/screen.scss */
#content #row-clients-boulanger .prix {
padding-top: 15px;
font-size: 18px;
}
/* line 394, ../sass/screen.scss */
/* line 400, ../sass/screen.scss */
#content #row-clients-boulanger .prix span {
color: #BB8757;
border: solid 1px #BB8757;
@@ -422,7 +429,7 @@ ul li {
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* line 409, ../sass/screen.scss */
/* line 415, ../sass/screen.scss */
#content #row-clients-boulanger #periode-essai {
margin-top: 8px;
text-align: center;
@@ -430,18 +437,18 @@ ul li {
color: gray;
font-family: "comfortaaregular";
}
/* line 419, ../sass/screen.scss */
/* line 425, ../sass/screen.scss */
#content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active {
color: black;
}
/* line 425, ../sass/screen.scss */
/* line 431, ../sass/screen.scss */
#content #modal-tarifs .commission {
text-align: center;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 20px;
}
/* line 431, ../sass/screen.scss */
/* line 437, ../sass/screen.scss */
#content #modal-tarifs .commission span {
padding: 10px 20px;
border: solid 1px black;
@@ -449,64 +456,118 @@ ul li {
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* line 437, ../sass/screen.scss */
/* line 443, ../sass/screen.scss */
#content #modal-tarifs .exemple {
color: gray;
}

/* line 444, ../sass/screen.scss */
/* line 450, ../sass/screen.scss */
#content #contact {
display: none;
}
/* line 448, ../sass/screen.scss */
/* line 454, ../sass/screen.scss */
#content #contact .icon {
width: 55px;
top: -15px;
margin-left: -70px;
}
/* line 457, ../sass/screen.scss */
/* line 463, ../sass/screen.scss */
#content #contact .form-control:focus {
/*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
border-color: $jaune ;*/
}
/* line 462, ../sass/screen.scss */
/* line 468, ../sass/screen.scss */
#content #contact .form-group {
text-align: center;
}
/* line 466, ../sass/screen.scss */
/* line 472, ../sass/screen.scss */
#content #contact .img-right {
float: right;
}
/* line 469, ../sass/screen.scss */
/* line 475, ../sass/screen.scss */
#content #contact .img-right img {
width: 300px;
}

/* line 476, ../sass/screen.scss */
.form-control:focus {
/*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
border-color: $jaune ;*/
/* line 482, ../sass/screen.scss */
#favorite-producers {
background-color: #BB8757;
border-top: solid 1px #e0e0e0;
padding: 0px;
padding-top: 20px;
margin: 0px;
}

/* line 481, ../sass/screen.scss */
#footer {
/* line 489, ../sass/screen.scss */
#favorite-producers h2 {
font-family: "myriadpro-regular";
color: #F8F1DD;
text-align: left;
font-size: 16px;
margin: 0px;
padding: 0px;
margin-left: 15px;
margin-bottom: 15px;
}
/* line 500, ../sass/screen.scss */
#favorite-producers .col-md-12, #favorite-producers .col-md-6, #favorite-producers .col-md-3 {
float: left;
}
/* line 504, ../sass/screen.scss */
#favorite-producers .col-md-12 .producer {
background-size: 920px auto;
}
/* line 507, ../sass/screen.scss */
#favorite-producers .col-md-6 .producer {
background-size: 460px auto;
}
/* line 511, ../sass/screen.scss */
#favorite-producers .col-md-3 .producer {
background-size: 230px auto;
}
/* line 515, ../sass/screen.scss */
#favorite-producers .producer {
position: relative;
height: 100px;
list-style-type: none;
text-align: center;
margin-bottom: 20px;
background-size: 300px auto;
background-position: center center;
background-repeat: no-repeat;
border: solid 1px #F8F1DD;
}
/* line 526, ../sass/screen.scss */
#favorite-producers .producer a {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 50px;
background-color: white;
background-color: #F8F1DD;
border-color: #F8F1DD;
color: #BB8757;
}
/* line 535, ../sass/screen.scss */
#favorite-producers .producer a:hover {
background-color: #fafafa;
border-color: #F8F1DD;
color: #BB8757;
}

/* line 545, ../sass/screen.scss */
#footer {
width: 100%;
background-color: #F8F1DD;
text-align: center;
border-top: 1px solid #e0e0e0;
padding-top: 30px;
padding-bottom: 60px;
padding-bottom: 17px;
}
/* line 495, ../sass/screen.scss */
/* line 553, ../sass/screen.scss */
#footer a {
font-family: "myriadpro-regular";
color: #7e7e7e;
color: white;
color: #999;
color: #505050;
text-transform: uppercase;
text-decoration: none;
padding-left: 10px;
@@ -514,29 +575,29 @@ ul li {
border-right: solid 1px #7e7e7e;
border-right: solid 1px white;
}
/* line 506, ../sass/screen.scss */
/* line 564, ../sass/screen.scss */
#footer a:hover {
color: gray;
}
/* line 510, ../sass/screen.scss */
/* line 568, ../sass/screen.scss */
#footer a:last-child {
border: 0px none;
}

/* line 516, ../sass/screen.scss */
/* line 574, ../sass/screen.scss */
#content #mentions {
padding-top: 20px;
}
/* line 519, ../sass/screen.scss */
/* line 577, ../sass/screen.scss */
#content #mentions div.content {
width: 60%;
font-size: 90%;
}
/* line 524, ../sass/screen.scss */
/* line 582, ../sass/screen.scss */
#content #mentions p {
padding-bottom: 15px;
}
/* line 528, ../sass/screen.scss */
/* line 586, ../sass/screen.scss */
#content #mentions h2 {
color: black;
padding-bottom: 40px;
@@ -544,7 +605,7 @@ ul li {
line-height: 35px;
font-family: "myriadpro-regular";
}
/* line 536, ../sass/screen.scss */
/* line 594, ../sass/screen.scss */
#content #mentions h3 {
font-family: "comfortaaregular";
font-size: 18px;
@@ -553,58 +614,58 @@ ul li {
color: black;
}

/* line 547, ../sass/screen.scss */
/* line 605, ../sass/screen.scss */
.mentions #main, .mentions body {
background-color: white;
}

/* line 552, ../sass/screen.scss */
/* line 610, ../sass/screen.scss */
.vegas-loading {
display: none;
}

/* line 559, ../sass/screen.scss */
/* line 617, ../sass/screen.scss */
#profil-user .form-group.field-user-no_mail label {
font-weight: normal;
}
/* line 563, ../sass/screen.scss */
/* line 621, ../sass/screen.scss */
#profil-user .form-group label {
cursor: pointer;
}
/* line 568, ../sass/screen.scss */
/* line 626, ../sass/screen.scss */
#profil-user #mails-jours-prod .form-group {
float: left;
margin-right: 15px;
}
/* line 571, ../sass/screen.scss */
/* line 629, ../sass/screen.scss */
#profil-user #mails-jours-prod .form-group label {
font-weight: normal;
}
/* line 577, ../sass/screen.scss */
/* line 635, ../sass/screen.scss */
#profil-user p.strong {
font-weight: bold;
}

/* login */
/* line 586, ../sass/screen.scss */
/* line 644, ../sass/screen.scss */
.site-login .col-lg-5 {
margin: 0px auto;
float: none;
}

/* signup */
/* line 594, ../sass/screen.scss */
/* line 652, ../sass/screen.scss */
.modal-backdrop {
z-index: 999;
}

/* line 599, ../sass/screen.scss */
/* line 657, ../sass/screen.scss */
.site-signup .col-lg-5 {
margin: 0px auto;
float: none;
}

/* line 609, ../sass/screen.scss */
/* line 667, ../sass/screen.scss */
#modal-cgv .modal-body h2 {
margin-bottom: 5px;
padding-bottom: 0px;
@@ -612,37 +673,37 @@ ul li {
margin-top: 0px;
}

/* line 619, ../sass/screen.scss */
/* line 677, ../sass/screen.scss */
#form-signup #client-boulanger {
margin-bottom: 30px;
}
/* line 624, ../sass/screen.scss */
/* line 682, ../sass/screen.scss */
#form-signup #signupform-id_etablissement option:disabled {
font-weight: bold;
color: black;
}
/* line 630, ../sass/screen.scss */
/* line 688, ../sass/screen.scss */
#form-signup #champs-boulanger {
display: none;
}
/* line 634, ../sass/screen.scss */
/* line 692, ../sass/screen.scss */
#form-signup #boutons-inscrire {
margin-top: 30px;
}

/* line 639, ../sass/screen.scss */
/* line 697, ../sass/screen.scss */
#col-left {
padding: 0px;
z-index: 15;
}
/* line 643, ../sass/screen.scss */
/* line 701, ../sass/screen.scss */
#col-left .affix {
width: 25%;
border-right: solid 1px #e0e0e0;
background-color: #FAFAFA;
height: 100%;
}
/* line 650, ../sass/screen.scss */
/* line 708, ../sass/screen.scss */
#col-left #link-home {
text-decoration: none;
font-size: 22px;
@@ -651,28 +712,28 @@ ul li {
padding: 10px;
background-color: #F8F1DD;
}
/* line 658, ../sass/screen.scss */
/* line 716, ../sass/screen.scss */
#col-left #link-home img {
height: 50px;
margin-bottom: 5px;
float: left;
}
/* line 664, ../sass/screen.scss */
/* line 722, ../sass/screen.scss */
#col-left #link-home .text {
padding-left: 62px;
}
/* line 667, ../sass/screen.scss */
/* line 725, ../sass/screen.scss */
#col-left #link-home .text .bap {
font-family: "comfortaalight";
font-size: 24px;
}
/* line 672, ../sass/screen.scss */
/* line 730, ../sass/screen.scss */
#col-left #link-home .text .plateforme {
font-size: 17px;
font-family: "myriadpro-light";
color: #BB8757;
}
/* line 680, ../sass/screen.scss */
/* line 738, ../sass/screen.scss */
#col-left h2 {
font-family: "myriadpro-regular";
color: black;
@@ -680,37 +741,37 @@ ul li {
margin-bottom: 10px;
padding: 15px 0px 5px 15px;
}
/* line 688, ../sass/screen.scss */
/* line 746, ../sass/screen.scss */
#col-left #links {
background-color: white;
margin-bottom: 20px;
}
/* line 694, ../sass/screen.scss */
/* line 752, ../sass/screen.scss */
#col-left #links ul li a {
text-align: center;
border-right: solid 1px #e0e0e0;
}
/* line 698, ../sass/screen.scss */
/* line 756, ../sass/screen.scss */
#col-left #links ul li a:hover {
background-color: #BB8757;
color: white;
}
/* line 704, ../sass/screen.scss */
/* line 762, ../sass/screen.scss */
#col-left #links ul li:last-child a {
border-right: 0px none;
}
/* line 714, ../sass/screen.scss */
/* line 772, ../sass/screen.scss */
#col-left #producteurs nav.nav-producteurs ul li a {
padding-left: 50px;
height: 40px;
}
/* line 720, ../sass/screen.scss */
/* line 778, ../sass/screen.scss */
#col-left #producteurs nav.nav-producteurs ul li.active a {
background-color: #BB8757;
position: relative;
color: white;
}
/* line 725, ../sass/screen.scss */
/* line 783, ../sass/screen.scss */
#col-left #producteurs nav.nav-producteurs ul li.active a:after {
right: -40px;
top: 50%;
@@ -725,18 +786,18 @@ ul li {
border-width: 20px;
margin-top: -20px;
}
/* line 744, ../sass/screen.scss */
/* line 802, ../sass/screen.scss */
#col-left ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
/* line 748, ../sass/screen.scss */
/* line 806, ../sass/screen.scss */
#col-left ul li {
margin: 0px;
padding: 0px;
}
/* line 751, ../sass/screen.scss */
/* line 809, ../sass/screen.scss */
#col-left ul li a {
text-decoration: none;
font-family: "comfortaaregular";
@@ -747,18 +808,18 @@ ul li {
display: block;
color: black;
}
/* line 761, ../sass/screen.scss */
/* line 819, ../sass/screen.scss */
#col-left ul li a span.nom, #col-left ul li a span.libelle {
display: none;
}
/* line 768, ../sass/screen.scss */
/* line 826, ../sass/screen.scss */
#col-left p {
padding: 20px;
padding-top: 0px;
color: gray;
}

/* line 776, ../sass/screen.scss */
/* line 834, ../sass/screen.scss */
#content .header-title {
height: 79px;
padding: 20px 20px;
@@ -773,7 +834,7 @@ ul li {
-webkit-box-shadow: 0px 0px 8px #e0e0e0;
box-shadow: 0px 0px 8px #e0e0e0;
}
/* line 788, ../sass/screen.scss */
/* line 846, ../sass/screen.scss */
#content .header-title h1 {
color: black;
font-family: "myriadpro-regular";
@@ -781,7 +842,7 @@ ul li {
font-size: 25px;
text-transform: uppercase;
}
/* line 796, ../sass/screen.scss */
/* line 854, ../sass/screen.scss */
#content .header-title h2 {
color: gray;
text-transform: none;
@@ -790,16 +851,16 @@ ul li {
line-height: 20px;
}

/* line 807, ../sass/screen.scss */
/* line 865, ../sass/screen.scss */
.header-etablissement {
z-index: 1;
}
/* line 809, ../sass/screen.scss */
/* line 867, ../sass/screen.scss */
.header-etablissement #block-main-img {
height: 144px;
overflow: hidden;
}
/* line 813, ../sass/screen.scss */
/* line 871, ../sass/screen.scss */
.header-etablissement #block-main-img #main-img {
width: 100%;
height: auto;
@@ -809,7 +870,7 @@ ul li {
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 822, ../sass/screen.scss */
/* line 880, ../sass/screen.scss */
.header-etablissement h1 {
font-family: "comfortaaregular";
text-align: center;
@@ -817,23 +878,23 @@ ul li {
top: 30px;
left: 40px;
}
/* line 829, ../sass/screen.scss */
/* line 887, ../sass/screen.scss */
.header-etablissement h1 span {
background-color: rgba(255, 255, 255, 0.8);
padding: 10px 30px;
border: dotted 1px black;
}

/* line 840, ../sass/screen.scss */
/* line 898, ../sass/screen.scss */
nav#menu-etablissement {
border-bottom: solid 1px #e0e0e0;
}
/* line 844, ../sass/screen.scss */
/* line 902, ../sass/screen.scss */
nav#menu-etablissement ul li {
padding: 0px;
margin: 0px;
}
/* line 847, ../sass/screen.scss */
/* line 905, ../sass/screen.scss */
nav#menu-etablissement ul li a {
border-right: solid 1px #e0e0e0;
text-decoration: none;
@@ -841,7 +902,7 @@ nav#menu-etablissement ul li a {
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 852, ../sass/screen.scss */
/* line 910, ../sass/screen.scss */
nav#menu-etablissement ul li a:hover {
background-color: #BB8757;
color: white;

+ 90
- 32
frontend/web/sass/screen.scss View File

@@ -34,6 +34,7 @@ body {
min-height: 100%;
margin: 0;
padding: 0;
background-color: $color2 ;
}

strong {
@@ -41,6 +42,7 @@ strong {
}

#main {
background-color: white ;
a {
color: $courant ;
text-decoration: underline ;
@@ -146,6 +148,7 @@ ul {
}

#content {
#the-content {
padding-top: 100px ;
padding-left: 30px ;
@@ -169,13 +172,16 @@ ul {
#header {
z-index: 100 ;
border-bottom: solid 1px $gris1 ;
background-color: #f8f1dd ;
height: 86px ;
background-color: #f8f1dd ;

.container {
position: relative ;
}
#the-header {
height: 80px ;
}
#env-dev {
font-family: 'comfortaabold' ;
text-align: center ;
@@ -199,7 +205,7 @@ ul {
display: block ;
img {
height: 60px ;
height: 50px ;
margin-bottom: 5px ;
float: left ;
}
@@ -265,6 +271,7 @@ ul {
top: -4px;
}
}
}

.connected {
@@ -276,9 +283,8 @@ ul {
#content {
position: relative ;
padding: 20px 0px ;
padding-bottom: 100px ;
padding-top: 35px ;
min-height: 500px ;
padding-bottom: 50px ;
h1#title-site {
font-family: "comfortaalight" ;
@@ -473,43 +479,95 @@ ul {
}

.form-control:focus {
/*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
border-color: $jaune ;*/
#favorite-producers {
background-color: $color1 ;
border-top: solid 1px #e0e0e0 ;
padding: 0px ;
padding-top: 20px ;
margin: 0px ;
h2 {
font-family: 'myriadpro-regular' ;
color: $color2;
text-align: left ;
font-size: 16px ;
margin: 0px ;
padding: 0px ;
margin-left: 15px ;
margin-bottom: 15px ;
}
.col-md-12, .col-md-6, .col-md-3 {
float: left ;
}
.col-md-12 .producer {
background-size: 920px auto ;
}
.col-md-6 .producer {
background-size: 460px auto ;
}
.col-md-3 .producer {
background-size: 230px auto ;
}

.producer {
position: relative ;
height: 100px ;
list-style-type: none ;
text-align: center ;
margin-bottom: 20px ;
background-size: 300px auto ;
background-position: center center ;
background-repeat: no-repeat ;
border: solid 1px $color2 ;

a {
position: absolute ;
bottom: 0px ;
left: 0px ;
width: 100% ;
background-color: $color2 ;
border-color: $color2 ;
color: $color1 ;
&:hover {
background-color: #fafafa ;
border-color: $color2 ;
color: $color1 ;
}
}
}
}


#footer {
position: absolute ;
bottom: 0px ;
left: 0px ;
width: 100% ;
height: 50px ;
background-color: white ;
background-color: $color2 ;
text-align: center ;
border-top: 1px solid #e0e0e0 ;
padding-top: 30px ;
padding-bottom: 60px ;
padding-bottom: 17px ;
a {
font-family: 'myriadpro-regular' ;
color: #7e7e7e;
color: white ;
color: #999 ;
text-transform: uppercase ;
text-decoration: none ;
padding-left: 10px ;
padding-right: 10px ;
border-right: solid 1px #7e7e7e ;
border-right: solid 1px white ;
&:hover {
color: gray ;
}
&:last-child {
border: 0px none ;
}
color: #7e7e7e;
color: white ;
color: $courant ;
text-transform: uppercase ;
text-decoration: none ;
padding-left: 10px ;
padding-right: 10px ;
border-right: solid 1px #7e7e7e ;
border-right: solid 1px white ;
&:hover {
color: gray ;
}
&:last-child {
border: 0px none ;
}
}
}


Write Preview
Loading…
Cancel
Save