Procházet zdrojové kódy

Refactoring/traduction css frontend

refactoring
Guillaume Bourgeois před 6 roky
rodič
revize
f8c8ee2ce1
4 změnil soubory, kde provedl 432 přidání a 506 odebrání
  1. +350
    -384
      frontend/web/css/screen.css
  2. +65
    -79
      frontend/web/sass/_order_system.scss
  3. +1
    -1
      frontend/web/sass/_responsive.scss
  4. +16
    -42
      frontend/web/sass/screen.scss

+ 350
- 384
frontend/web/css/screen.css
Diff nebyl zobrazen, protože je příliš veliký
Zobrazit soubor


frontend/web/sass/_systeme_commandes.scss → frontend/web/sass/_order_system.scss Zobrazit soubor

@@ -35,7 +35,7 @@ pris connaissance de la licence CeCILL, et que vous en avez accepté les
termes.
*/

h1.title-systeme-commande {
h1.title-system-order {
color: black ;
padding-bottom: 35px ;
font-size: 30px ;
@@ -59,8 +59,8 @@ h2 {
text-transform: uppercase ;
}

#addetablissementform-id_etablissement,
#signupform-id_etablissement {
#addproducerform-id_producer,
#signupform-id_producer {
option:disabled {
font-weight: bold ;
color: black ;
@@ -81,18 +81,14 @@ h2 {
}
}

#bloc-code-acces {
#block-code-acces {
display: none ;
}


#main .liste-etablissements {
#main .list-producers {
#bloc-liste-boulangeries {

}

.boulangerie {
.producer {
padding-left: 0px ;
padding-right: 30px ;
@@ -106,14 +102,12 @@ h2 {
}
.panel-heading {

height: 150px ;
overflow: hidden ;
padding: 0px ;
background: none ;
background-color: #F8F1DD ;
.img-back {
//display: none ;
width: 100% ;
height: auto ;
position: relative;
@@ -132,7 +126,7 @@ h2 {
margin-bottom: 4px ;
}

.localite {
.locality {
color: gray ;
margin-bottom: 10px ;
}
@@ -162,20 +156,20 @@ h2 {
padding: 10px 20px ;
}
.heure-limite-commande,
.credit-pain {
.order-deadline,
.credit {
margin-top: 15px ;
font-size: 13px ;
}
.heure-limite-commande {
.order-deadline {
float: left ;
}
.credit-pain {
.credit {
float: right ;
.montant {
.amount {
font-size: 16px ;
color: $color1 ;
background-color: $color2 ;
@@ -188,7 +182,7 @@ h2 {
}
}
.info-credit-pain {
.info-credit {
font-size: 17px ;
position: relative ;
top: 2px ;
@@ -199,7 +193,7 @@ h2 {
}
}

#index-commande {
#index-order {
position: relative ;
#logout {
@@ -211,12 +205,12 @@ h2 {
z-index: 10 ;
}
.accueil {
.home {
text-align: center ;
padding-bottom: 20px;
}
#bloc-add-etablissement {
#block-add-producer {
padding-left: 0px ;
padding-right: 30px ;
@@ -224,12 +218,12 @@ h2 {
padding-bottom: 0px ;
}
.field-addetablissementform-id_etablissement {
.field-addproducerform-id_producer {
width: 70% ;
float: left ;
}
.field-addetablissementform-code {
.field-addproducerform-code {
width: 70% ;
float: left ;
}
@@ -251,18 +245,18 @@ h2 {
}
}

#historique-commandes {
.statut, .montant {
#history-orders {
.status, .amount{
width: 175px ;
}
.montant {
.amount {
//text-align: center ;
width: 100px ;
}
.nom-point-vente {
.name-point-sale {
}
.localite {
.locality {
font-size: 11px ;
lin-height: 11px ;
}
@@ -271,7 +265,7 @@ h2 {
text-decoration: none ;
}
.commentaire {
.comment {
margin-top: 5px ;
span {
font-size: 12px ;
@@ -286,7 +280,7 @@ h2 {
}
}
.commande-form {
.order-form {
min-height: 600px ;
padding-bottom: 60px ;
@@ -299,7 +293,7 @@ h2 {
float: right ;
}
#datepicker-production {
#datepicker-distribution {
.ui-datepicker {
float: left ;
@@ -340,7 +334,7 @@ h2 {
}
}
.date-commande {
.date-order {
margin-bottom: 53px ;
span {
background-color: $color1 ;
@@ -352,7 +346,7 @@ h2 {
}
}
#has-commande-en-cours {
#has-order-in-progress {
margin-top: 15px ;
a {
@@ -362,15 +356,15 @@ h2 {
}
}
.field-commande-id_production {
.field-order-id_distribution {
display: none ;
}
.field-commande-id_point_vente {
.field-order-id_point_sale {
margin-top: 30px ;
}
.field-commande-id_production {
.field-order-id_distribution {
margin-bottom: 0px ;
label {
margin-bottom: 0px ;
@@ -381,16 +375,16 @@ h2 {
}
}
.field-commande-id_point_vente {
.field-order-id_point_sale {
display: none ;
}
.blocs {
.blocks {
list-style-type: none ;
margin: 0px ;
padding: 0px ;
.bloc {
.block {
text-decoration: none ;
width: 268px ;
height: 130px ;
@@ -405,21 +399,21 @@ h2 {
border: 1px solid #d8d8d8 ;
.nom {
.name {
//text-align: center ;
font-family: "comfortaalight" ;
font-size: 20px ;
}
.adresse {
.address {
color: gray ;
font-size: 13px ;
line-height: 16px ;
}
.horaires {
.infos {
margin-top: 7px ;
.jour {
.day {
font-weight: bold ;
display: none ;
}
@@ -445,7 +439,7 @@ h2 {
//color: gray ;
}
.commentaire {
.comment {
margin-top: 5px ;
span {
background-color: $color1 ;
@@ -458,10 +452,10 @@ h2 {
}
}
#produits {
#products {
margin-top: 15px ;
#label-produits {
#label-products {
display: block ;
margin-bottom: 5px ;
}
@@ -469,13 +463,6 @@ h2 {
.table {
margin-top: 7px ;
.illu {
float: left ;
height: auto ;
width: 70px ;
margin-right: 15px ;
}
.photo {
padding: 0px ;
width: 120px ;
@@ -485,7 +472,7 @@ h2 {
width: 120px ;
}
.nom {
.name {
font-family: "comfortaalight" ;
font-weight: bold ;
text-transform: uppercase ;
@@ -496,7 +483,7 @@ h2 {
font-style: italic;
}
.recette {
.recipe {
font-size: 12px ;
}
@@ -507,12 +494,12 @@ h2 {
}
}
.colonne-quantite, .prix-unit, .total {
.column-quantity, .price-unit, .total {
width: 150px ;
text-align: center ;
}
td#total-commande, td#total-commande-vrac, td.total {
td#total-order, td#total-order-vrac, td.total {
text-align: center ;
}
@@ -525,7 +512,7 @@ h2 {
text-align: center ;
}
.quantite-restante {
.quantity-remaining{
font-size: 12px ;
margin-top: 8px ;
@@ -534,15 +521,15 @@ h2 {
}
}
td.produit, th.produit {
td.product, th.product {
width: 70% ;
}
td.prix-unit, th.prix-unit {
td.price-unit, th.price-unit {
width: 10% ;
}
td.colonne-quantite, th.colonne-quantite {
td.column-quantity, th.column-quantity {
width: 10% ;
}
@@ -577,33 +564,33 @@ h2 {
padding-right: 20px ;
}
&.no-credit-pain {
&.no-credit {
#bloc-valider-commande {
margin-top: 0px ;
float: right ;
}
}
#total-commande-bottom {
#total-order-bottom {
background-color: white ;
@include border-radius(20px) ;
padding: 5px 25px ;
border: solid 1px #e0e0e0 ;
}
.btn-commentaire {
.btn-comment {
float: left ;
}
.valider-commande {
.confirm-order {
//float: left;
}
.btn-commentaire {
.btn-comment {
margin-right: 10px ;
}
#bloc-valider-commande {
#block-confirm-order {
text-align: right ;
margin-top: 20px ;
@@ -613,7 +600,7 @@ h2 {
}
}
#checkbox-credit-pain {
#checkbox-credit {
float: right ;
width: 340px ;
padding: 3px 11px ;
@@ -624,7 +611,7 @@ h2 {
@include text-shadow(0 1px 0 #fff) ;
@include box-shadow(0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075)) ;
&.paiement-impossible {
&.payment-impossible {
background-color: #e0e0e0 ;
}
@@ -640,38 +627,38 @@ h2 {
@include border-radius(5px) ;
}
.montant-paye {
.amount-paid {
color: $color1 ;
}
#info-credit-vide {
#info-credit-empty {
font-size: 12px ;
}
#credit-pain-disabled {
#credit-disabled {
display: none ;
font-size: 12px ;
}
}
.btn-retour, .annuler-commande {
.btn-retour, .cancel-order {
float: left ;
margin-right: 5px ;
}
.annuler-commande {
.cancel-order {
color: #b92c28 ;
background-color: white ;
}
#total-commande-bottom {
#total-order-bottom {
display: none ;
font-weight: bold ;
font-family: "comfortaalight" ;
font-size: 24px ;
}
.field-commande-commentaire {
.field-order-comment {
display: none ;
}
}
@@ -699,7 +686,7 @@ h2 {
}

#page-etablissement,
#page-producer,
#page-producer-code {
h1 {
font-size: 40px ;
@@ -717,6 +704,5 @@ h2 {
.form-group.buttons {
text-align: center ;
}
}
}

+ 1
- 1
frontend/web/sass/_responsive.scss Zobrazit soubor

@@ -110,7 +110,7 @@ termes.
}
}

#content #points-vente .content {
#content #points-sale .content {
padding-left: 10px ;
margin-top: 30px ;
}

+ 16
- 42
frontend/web/sass/screen.scss Zobrazit soubor

@@ -262,7 +262,7 @@ ul {
}
}
#link-espace-boulanger {
#link-space-producer {
border-left: solid 1px #e0e0e0 ;
color: $color1 ;
}
@@ -406,7 +406,7 @@ ul {
}
}

#row-clients-boulanger {
#row-user-producer {
margin-bottom: 50px ;
h2 {
@@ -435,8 +435,8 @@ ul {
padding-bottom: 4px ;
}
.boulanger {
.prix {
.producer {
.price {
a {
background-color: $color2 ;
color: $color1 ;
@@ -445,7 +445,7 @@ ul {
}
}
.prix {
.price {
padding-top: 15px ;
font-size: 18px ;
@@ -469,14 +469,6 @@ ul {
}
}
#periode-essai {
margin-top: 8px ;
text-align: center ;
font-size: 13px ;
color: gray ;
font-family: 'comfortaaregular' ;
}
}
#btn-demo {
@@ -485,22 +477,7 @@ ul {
}
}
#modal-tarifs {
.commission {
text-align: center ;
font-size: 20px ;
text-transform: uppercase ;
margin-bottom: 20px ;
span {
padding: 10px 20px ;
border: solid 1px black ;
@include border-radius(10px) ;
}
}
.exemple {
color: gray ;
}
#modal-prices {
}
}

@@ -515,9 +492,6 @@ ul {
margin-left: -70px ;
}
#par-telephone {
}

.form-control:focus {
/*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
border-color: $jaune ;*/
@@ -537,7 +511,7 @@ ul {
}

#favorite-producers {
#bookmarked-producers {
background-color: $color1 ;
border-top: solid 1px #e0e0e0 ;
padding: 0px ;
@@ -702,7 +676,7 @@ ul {
cursor: pointer ;
}

#mails-jours-prod {
#mails-days-distribution {
.form-group {
float: left ;
margin-right: 15px ;
@@ -754,22 +728,22 @@ ul {
}

#form-signup {
#client-boulanger {
#user-producer {
margin-bottom: 30px ;
}
#signupform-id_etablissement {
#signupform-id_producer {
option:disabled {
font-weight: bold ;
color: black ;
}
}
#champs-boulanger {
#champs-producer {
display: none ;
}
#boutons-inscrire {
#buttons-signup {
margin-top: 30px;
}
}
@@ -846,7 +820,7 @@ ul {
}
}
#producteurs nav.nav-producteurs {
#producers nav.nav-producers {
ul {
li {
a {
@@ -942,7 +916,7 @@ ul {
}


.header-etablissement {
.header-producer {
z-index: 1 ;
#block-main-img {
height: 144px ;
@@ -975,7 +949,7 @@ ul {
}
}

nav#menu-etablissement {
nav#menu-producer {
border-bottom: solid 1px #e0e0e0 ;
//background-color: #FAFAFA ;
ul {
@@ -996,6 +970,6 @@ nav#menu-etablissement {
}
}

@import "_systeme_commandes.scss" ;
@import "_order_system.scss" ;
@import "_responsive.scss" ;


Načítá se…
Zrušit
Uložit