Quellcode durchsuchen

Mes producteurs : logo par défaut

refactoring
Guillaume Bourgeois vor 5 Jahren
Ursprung
Commit
d314e77f7d
4 geänderte Dateien mit 72 neuen und 62 gelöschten Zeilen
  1. +1
    -1
      frontend/views/layouts/main.php
  2. +66
    -61
      frontend/web/css/screen.css
  3. BIN
      frontend/web/img/logo-distrib-gray.png
  4. +5
    -0
      frontend/web/sass/screen.scss

+ 1
- 1
frontend/views/layouts/main.php Datei anzeigen

@@ -184,7 +184,7 @@ if(!Yii::$app->user->isGuest && Yii::$app->user->identity->id_producer > 0) {
<h2>Mes producteurs</h2>
<?php foreach($producersArray as $producer): ?>
<div class="col-xs-6 col-md-<?php if(count($producersArray) == 1): ?>6<?php elseif(count($producersArray) == 2): ?>6<?php else: ?>3<?php endif; ?>">
<div class="producer" style="background-image:url('<?= Yii::$app->urlManagerProducer->getHostInfo().'/'.Yii::$app->urlManagerProducer->baseUrl ; ?>/uploads/<?= $producer->photo ?>');">
<div class="producer<?= !strlen($producer->photo) ? ' logo-distrib-default' : '' ?>" style="background-image:url('<?= strlen($producer->photo) ? Yii::$app->urlManagerProducer->getHostInfo().'/'.Yii::$app->urlManagerProducer->baseUrl.'/uploads/'.$producer->photo : Yii::$app->urlManagerFrontend->getHostInfo().'/'.Yii::$app->urlManagerFrontend->baseUrl.'/img/logo-distrib-gray.png' ?>">
<a class="btn btn-primary" href="<?= Yii::$app->urlManagerProducer->createAbsoluteUrl(['site/index','slug_producer' => $producer->slug]); ?>"><?= Html::encode($producer->name); ?></a>
</div>
</div>

+ 66
- 61
frontend/web/css/screen.css Datei anzeigen

@@ -557,6 +557,11 @@ ul li {
background-color: white;
}
/* line 549, ../sass/screen.scss */
#bookmarked-producers .producer.logo-distrib-default {
background-size: auto 70px;
background-position: center 0px;
}
/* line 554, ../sass/screen.scss */
#bookmarked-producers .producer a {
position: absolute;
bottom: 0px;
@@ -569,28 +574,28 @@ ul li {
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 559, ../sass/screen.scss */
/* line 564, ../sass/screen.scss */
#bookmarked-producers .producer a:hover {
background-color: #f57a00;
}
/* line 565, ../sass/screen.scss */
/* line 570, ../sass/screen.scss */
#bookmarked-producers #discover {
padding-bottom: 20px;
text-align: center;
}
/* line 569, ../sass/screen.scss */
/* line 574, ../sass/screen.scss */
#bookmarked-producers #discover p {
padding-bottom: 0px;
color: white;
}
/* line 574, ../sass/screen.scss */
/* line 579, ../sass/screen.scss */
#bookmarked-producers #discover .btn {
background-color: white;
color: #FF7F00;
border: solid 1px white;
}

/* line 583, ../sass/screen.scss */
/* line 588, ../sass/screen.scss */
#footer {
position: absolute;
bottom: 0px;
@@ -601,7 +606,7 @@ ul li {
background-color: white;
border-top: solid 1px #e0e0e0;
}
/* line 593, ../sass/screen.scss */
/* line 598, ../sass/screen.scss */
#footer a {
color: black;
font-family: "capsuularegular";
@@ -611,33 +616,33 @@ ul li {
padding-right: 10px;
border-right: solid 1px white;
}
/* line 602, ../sass/screen.scss */
/* line 607, ../sass/screen.scss */
#footer a:hover {
text-decoration: underline;
}
/* line 606, ../sass/screen.scss */
/* line 611, ../sass/screen.scss */
#footer a:last-child {
border: 0px none;
}
/* line 612, ../sass/screen.scss */
/* line 617, ../sass/screen.scss */
#footer #code-source img {
height: 20px;
}

/* line 618, ../sass/screen.scss */
/* line 623, ../sass/screen.scss */
#content #mentions {
padding-top: 20px;
}
/* line 621, ../sass/screen.scss */
/* line 626, ../sass/screen.scss */
#content #mentions div.content {
width: 60%;
font-size: 90%;
}
/* line 626, ../sass/screen.scss */
/* line 631, ../sass/screen.scss */
#content #mentions p {
padding-bottom: 15px;
}
/* line 630, ../sass/screen.scss */
/* line 635, ../sass/screen.scss */
#content #mentions h2 {
color: black;
padding-bottom: 40px;
@@ -645,7 +650,7 @@ ul li {
line-height: 35px;
font-family: "highvoltageregular";
}
/* line 638, ../sass/screen.scss */
/* line 643, ../sass/screen.scss */
#content #mentions h3 {
font-family: "highvoltageregular";
font-size: 18px;
@@ -654,35 +659,35 @@ ul li {
color: black;
}

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

/* line 660, ../sass/screen.scss */
/* line 665, ../sass/screen.scss */
#profil-user .form-group.field-user-no_mail label {
font-weight: normal;
}
/* line 664, ../sass/screen.scss */
/* line 669, ../sass/screen.scss */
#profil-user .form-group label {
cursor: pointer;
}
/* line 669, ../sass/screen.scss */
/* line 674, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group {
float: left;
margin-right: 15px;
}
/* line 672, ../sass/screen.scss */
/* line 677, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group label {
font-weight: normal;
}
/* line 678, ../sass/screen.scss */
/* line 683, ../sass/screen.scss */
#profil-user p.strong {
font-weight: bold;
}

/* login */
/* line 689, ../sass/screen.scss */
/* line 694, ../sass/screen.scss */
.site-login .col-lg-5 {
margin: 0px auto;
float: none;
@@ -690,19 +695,19 @@ ul li {
}

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

/* line 703, ../sass/screen.scss */
/* line 708, ../sass/screen.scss */
.site-signup .col-lg-5 {
margin: 0px auto;
float: none;
max-width: 500px;
}

/* line 712, ../sass/screen.scss */
/* line 717, ../sass/screen.scss */
#modal-cgv .modal-body h2 {
margin-bottom: 5px;
padding-bottom: 0px;
@@ -710,37 +715,37 @@ ul li {
margin-top: 0px;
}

/* line 722, ../sass/screen.scss */
/* line 727, ../sass/screen.scss */
#form-signup #user-producer {
margin-bottom: 30px;
}
/* line 727, ../sass/screen.scss */
/* line 732, ../sass/screen.scss */
#form-signup #signupform-id_producer option:disabled {
font-weight: bold;
color: black;
}
/* line 733, ../sass/screen.scss */
/* line 738, ../sass/screen.scss */
#form-signup #champs-producer {
display: none;
}
/* line 737, ../sass/screen.scss */
/* line 742, ../sass/screen.scss */
#form-signup #buttons-signup {
margin-top: 30px;
}

/* line 742, ../sass/screen.scss */
/* line 747, ../sass/screen.scss */
#col-left {
padding: 0px;
z-index: 15;
}
/* line 746, ../sass/screen.scss */
/* line 751, ../sass/screen.scss */
#col-left .affix {
width: 25%;
border-right: solid 1px #e0e0e0;
background-color: #FAFAFA;
height: 100%;
}
/* line 753, ../sass/screen.scss */
/* line 758, ../sass/screen.scss */
#col-left #link-home {
text-decoration: none;
font-size: 22px;
@@ -749,28 +754,28 @@ ul li {
padding: 10px;
background-color: white;
}
/* line 761, ../sass/screen.scss */
/* line 766, ../sass/screen.scss */
#col-left #link-home img {
height: 50px;
margin-bottom: 5px;
float: left;
}
/* line 767, ../sass/screen.scss */
/* line 772, ../sass/screen.scss */
#col-left #link-home .text {
padding-left: 62px;
}
/* line 770, ../sass/screen.scss */
/* line 775, ../sass/screen.scss */
#col-left #link-home .text .bap {
font-family: "comfortaalight";
font-size: 24px;
}
/* line 775, ../sass/screen.scss */
/* line 780, ../sass/screen.scss */
#col-left #link-home .text .plateforme {
font-size: 17px;
font-family: "myriadpro-light";
color: #FF7F00;
}
/* line 783, ../sass/screen.scss */
/* line 788, ../sass/screen.scss */
#col-left h2 {
font-family: "myriadpro-regular";
color: black;
@@ -778,37 +783,37 @@ ul li {
margin-bottom: 10px;
padding: 15px 0px 5px 15px;
}
/* line 791, ../sass/screen.scss */
/* line 796, ../sass/screen.scss */
#col-left #links {
background-color: white;
margin-bottom: 20px;
}
/* line 797, ../sass/screen.scss */
/* line 802, ../sass/screen.scss */
#col-left #links ul li a {
text-align: center;
border-right: solid 1px #e0e0e0;
}
/* line 801, ../sass/screen.scss */
/* line 806, ../sass/screen.scss */
#col-left #links ul li a:hover {
background-color: #FF7F00;
color: white;
}
/* line 807, ../sass/screen.scss */
/* line 812, ../sass/screen.scss */
#col-left #links ul li:last-child a {
border-right: 0px none;
}
/* line 817, ../sass/screen.scss */
/* line 822, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li a {
padding-left: 50px;
height: 40px;
}
/* line 823, ../sass/screen.scss */
/* line 828, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a {
background-color: #FF7F00;
position: relative;
color: white;
}
/* line 828, ../sass/screen.scss */
/* line 833, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a:after {
right: -40px;
top: 50%;
@@ -823,18 +828,18 @@ ul li {
border-width: 20px;
margin-top: -20px;
}
/* line 847, ../sass/screen.scss */
/* line 852, ../sass/screen.scss */
#col-left ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
/* line 851, ../sass/screen.scss */
/* line 856, ../sass/screen.scss */
#col-left ul li {
margin: 0px;
padding: 0px;
}
/* line 854, ../sass/screen.scss */
/* line 859, ../sass/screen.scss */
#col-left ul li a {
text-decoration: none;
font-family: "comfortaaregular";
@@ -845,18 +850,18 @@ ul li {
display: block;
color: black;
}
/* line 864, ../sass/screen.scss */
/* line 869, ../sass/screen.scss */
#col-left ul li a span.name, #col-left ul li a span.wording {
display: none;
}
/* line 871, ../sass/screen.scss */
/* line 876, ../sass/screen.scss */
#col-left p {
padding: 20px;
padding-top: 0px;
color: gray;
}

/* line 879, ../sass/screen.scss */
/* line 884, ../sass/screen.scss */
#content .header-title {
height: 79px;
padding: 20px 20px;
@@ -871,7 +876,7 @@ ul li {
-webkit-box-shadow: 0px 0px 8px #e0e0e0;
box-shadow: 0px 0px 8px #e0e0e0;
}
/* line 891, ../sass/screen.scss */
/* line 896, ../sass/screen.scss */
#content .header-title h1 {
color: black;
font-family: "myriadpro-regular";
@@ -879,7 +884,7 @@ ul li {
font-size: 25px;
text-transform: uppercase;
}
/* line 899, ../sass/screen.scss */
/* line 904, ../sass/screen.scss */
#content .header-title h2 {
color: gray;
text-transform: none;
@@ -888,16 +893,16 @@ ul li {
line-height: 20px;
}

/* line 910, ../sass/screen.scss */
/* line 915, ../sass/screen.scss */
.header-producer {
z-index: 1;
}
/* line 912, ../sass/screen.scss */
/* line 917, ../sass/screen.scss */
.header-producer #block-main-img {
height: 144px;
overflow: hidden;
}
/* line 916, ../sass/screen.scss */
/* line 921, ../sass/screen.scss */
.header-producer #block-main-img #main-img {
width: 100%;
height: auto;
@@ -907,7 +912,7 @@ ul li {
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 925, ../sass/screen.scss */
/* line 930, ../sass/screen.scss */
.header-producer h1 {
font-family: "comfortaaregular";
text-align: center;
@@ -915,23 +920,23 @@ ul li {
top: 30px;
left: 40px;
}
/* line 932, ../sass/screen.scss */
/* line 937, ../sass/screen.scss */
.header-producer h1 span {
background-color: rgba(255, 255, 255, 0.8);
padding: 10px 30px;
border: dotted 1px black;
}

/* line 943, ../sass/screen.scss */
/* line 948, ../sass/screen.scss */
nav#menu-producer {
border-bottom: solid 1px #e0e0e0;
}
/* line 947, ../sass/screen.scss */
/* line 952, ../sass/screen.scss */
nav#menu-producer ul li {
padding: 0px;
margin: 0px;
}
/* line 950, ../sass/screen.scss */
/* line 955, ../sass/screen.scss */
nav#menu-producer ul li a {
border-right: solid 1px #e0e0e0;
text-decoration: none;
@@ -939,13 +944,13 @@ nav#menu-producer ul li a {
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 955, ../sass/screen.scss */
/* line 960, ../sass/screen.scss */
nav#menu-producer ul li a:hover {
background-color: #FF7F00;
color: white;
}

/* line 965, ../sass/screen.scss */
/* line 970, ../sass/screen.scss */
.site-contact .col-lg-5 {
margin: 0px auto;
float: none;

BIN
frontend/web/img/logo-distrib-gray.png Datei anzeigen

Vorher Nachher
Breite: 400  |  Höhe: 400  |  Größe: 6.3KB

+ 5
- 0
frontend/web/sass/screen.scss Datei anzeigen

@@ -546,6 +546,11 @@ ul {
border: solid 1px #e0e0e0 ;
background-color: white ;

&.logo-distrib-default {
background-size: auto 70px;
background-position: center 0px ;
}
a {
position: absolute ;
bottom: 0px ;

Laden…
Abbrechen
Speichern