BenoitCier
/
Opendistrib
forked from Laclic/Souke
Watch 1
Star 0
Fork 0
Code Issues 0 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.
dev
keun 6 years ago
parent
21be766151
commit
9f9db9ef4c
6 changed files with 343 additions and 181 deletions
Unified 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

* *
* @property integer $id_user * @property integer $id_user
* @property integer $id_etablissement * @property integer $id_etablissement
* @property boolean $actif
* @property boolean $favoris
*/ */
class UserEtablissement extends \yii\db\ActiveRecord { class UserEtablissement extends \yii\db\ActiveRecord {


return [ return [
[['id_user', 'id_etablissement'], 'required'], [['id_user', 'id_etablissement'], 'required'],
[['id_user', 'id_etablissement'], 'integer'], [['id_user', 'id_etablissement'], 'integer'],
[['actif'], 'boolean'],
[['actif','favoris'], 'boolean'],
[['credit'], 'double'], [['credit'], 'double'],
]; ];
} }
return [ return [
'id_user' => 'Id User', 'id_user' => 'Id User',
'id_etablissement' => 'Id Etablissement', 'id_etablissement' => 'Id Etablissement',
'actif' => 'Actif',
'favoris' => 'Favoris',
]; ];
} }



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

<?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

</div> </div>
<?php endif; ?> <?php endif; ?>
<header id="header"> <header id="header">
<div class="container">
<div id="the-header" class="container">
<a id="link-home" href="<?= Yii::$app->urlManager->createUrl('site/index') ; ?>"> <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="" /> <img class="icon" src="<?php echo Yii::$app->urlManager->getBaseUrl(); ?>/img/laboulange3.png" alt="" />
<div class="text"> <div class="text">
<?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> <?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> </div>
</a> </a>
<nav> <nav>
<?php <?php
echo Nav::widget([ echo Nav::widget([
</nav> </nav>
</div> </div>
</header> </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"> <div id="main">
<section class="container" id="content"> <section class="container" id="content">
<?php if(Yii::$app->session->hasFlash('error')): ?> <?php if(Yii::$app->session->hasFlash('error')): ?>
<?php endif; ?> <?php endif; ?>
<?= $content ?> <?= $content ?>
</section> </section>
</div> </div>
<footer id="footer"> <footer id="footer">
<div class="container"> <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> <a href="<?php echo Yii::$app->urlManager->createUrl('site/cgv') ; ?>">CGS</a>
</div> </div>
</footer> </footer>


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

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


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

min-height: 100%; min-height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #F8F1DD;
} }


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


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


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


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


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


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


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


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


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


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


/* line 149, ../sass/screen.scss */
/* line 152, ../sass/screen.scss */
#content #the-content { #content #the-content {
padding-top: 100px; padding-top: 100px;
padding-left: 30px; padding-left: 30px;
padding-bottom: 50px; padding-bottom: 50px;
} }


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


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


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


/* line 444, ../sass/screen.scss */
/* line 450, ../sass/screen.scss */
#content #contact { #content #contact {
display: none; display: none;
} }
/* line 448, ../sass/screen.scss */
/* line 454, ../sass/screen.scss */
#content #contact .icon { #content #contact .icon {
width: 55px; width: 55px;
top: -15px; top: -15px;
margin-left: -70px; margin-left: -70px;
} }
/* line 457, ../sass/screen.scss */
/* line 463, ../sass/screen.scss */
#content #contact .form-control:focus { #content #contact .form-control:focus {
/*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ; /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
border-color: $jaune ;*/ border-color: $jaune ;*/
} }
/* line 462, ../sass/screen.scss */
/* line 468, ../sass/screen.scss */
#content #contact .form-group { #content #contact .form-group {
text-align: center; text-align: center;
} }
/* line 466, ../sass/screen.scss */
/* line 472, ../sass/screen.scss */
#content #contact .img-right { #content #contact .img-right {
float: right; float: right;
} }
/* line 469, ../sass/screen.scss */
/* line 475, ../sass/screen.scss */
#content #contact .img-right img { #content #contact .img-right img {
width: 300px; 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; position: absolute;
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
width: 100%; 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; text-align: center;
border-top: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0;
padding-top: 30px; padding-top: 30px;
padding-bottom: 60px;
padding-bottom: 17px;
} }
/* line 495, ../sass/screen.scss */
/* line 553, ../sass/screen.scss */
#footer a { #footer a {
font-family: "myriadpro-regular"; font-family: "myriadpro-regular";
color: #7e7e7e; color: #7e7e7e;
color: white; color: white;
color: #999;
color: #505050;
text-transform: uppercase; text-transform: uppercase;
text-decoration: none; text-decoration: none;
padding-left: 10px; padding-left: 10px;
border-right: solid 1px #7e7e7e; border-right: solid 1px #7e7e7e;
border-right: solid 1px white; border-right: solid 1px white;
} }
/* line 506, ../sass/screen.scss */
/* line 564, ../sass/screen.scss */
#footer a:hover { #footer a:hover {
color: gray; color: gray;
} }
/* line 510, ../sass/screen.scss */
/* line 568, ../sass/screen.scss */
#footer a:last-child { #footer a:last-child {
border: 0px none; border: 0px none;
} }


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


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


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


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


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


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


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


/* line 609, ../sass/screen.scss */
/* line 667, ../sass/screen.scss */
#modal-cgv .modal-body h2 { #modal-cgv .modal-body h2 {
margin-bottom: 5px; margin-bottom: 5px;
padding-bottom: 0px; padding-bottom: 0px;
margin-top: 0px; margin-top: 0px;
} }


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


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


/* line 776, ../sass/screen.scss */
/* line 834, ../sass/screen.scss */
#content .header-title { #content .header-title {
height: 79px; height: 79px;
padding: 20px 20px; padding: 20px 20px;
-webkit-box-shadow: 0px 0px 8px #e0e0e0; -webkit-box-shadow: 0px 0px 8px #e0e0e0;
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 { #content .header-title h1 {
color: black; color: black;
font-family: "myriadpro-regular"; font-family: "myriadpro-regular";
font-size: 25px; font-size: 25px;
text-transform: uppercase; text-transform: uppercase;
} }
/* line 796, ../sass/screen.scss */
/* line 854, ../sass/screen.scss */
#content .header-title h2 { #content .header-title h2 {
color: gray; color: gray;
text-transform: none; text-transform: none;
line-height: 20px; line-height: 20px;
} }


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


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

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

min-height: 100%; min-height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: $color2 ;
} }


strong { strong {
} }


#main { #main {
background-color: white ;
a { a {
color: $courant ; color: $courant ;
text-decoration: underline ; text-decoration: underline ;
} }


#content { #content {
#the-content { #the-content {
padding-top: 100px ; padding-top: 100px ;
padding-left: 30px ; padding-left: 30px ;
#header { #header {
z-index: 100 ; z-index: 100 ;
border-bottom: solid 1px $gris1 ; border-bottom: solid 1px $gris1 ;
background-color: #f8f1dd ;
height: 86px ;
background-color: #f8f1dd ;


.container { .container {
position: relative ; position: relative ;
} }
#the-header {
height: 80px ;
}
#env-dev { #env-dev {
font-family: 'comfortaabold' ; font-family: 'comfortaabold' ;
text-align: center ; text-align: center ;
display: block ; display: block ;
img { img {
height: 60px ;
height: 50px ;
margin-bottom: 5px ; margin-bottom: 5px ;
float: left ; float: left ;
} }
top: -4px; top: -4px;
} }
} }
} }


.connected { .connected {
#content { #content {
position: relative ; position: relative ;
padding: 20px 0px ; padding: 20px 0px ;
padding-bottom: 100px ;
padding-top: 35px ; padding-top: 35px ;
min-height: 500px ;
padding-bottom: 50px ;
h1#title-site { h1#title-site {
font-family: "comfortaalight" ; font-family: "comfortaalight" ;
} }


.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 { #footer {
position: absolute ;
bottom: 0px ;
left: 0px ;
width: 100% ; width: 100% ;
height: 50px ;
background-color: white ;
background-color: $color2 ;
text-align: center ; text-align: center ;
border-top: 1px solid #e0e0e0 ; border-top: 1px solid #e0e0e0 ;
padding-top: 30px ; padding-top: 30px ;
padding-bottom: 60px ;
padding-bottom: 17px ;
a { a {
font-family: 'myriadpro-regular' ; 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