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

Refactoring/traduction css backend

refactoring
Guillaume Bourgeois 6 years ago
parent
2a4ab2e3ab
commit
098e0d0b40
4 changed files with 485 additions and 576 deletions
Unified View Show Diff Stats
  1. +1
    -1
      backend/views/producer/billing.php
  2. BIN
      backend/web/.sass-cache/2a0ffb00578c9d5a537db16d14c734a22b18f35c/screen.scssc
  3. +376
    -414
      backend/web/css/screen.css
  4. +108
    -161
      backend/web/sass/screen.scss

+ 1
- 1
backend/views/producer/billing.php View File

], ],
]); ?> ]); ?>
<?= $form->field($etablissement, 'prix_libre',[
<?= $form->field($producer, 'prix_libre',[
'inputTemplate' => '<div class="input-group">{input}<span class="input-group-addon"><span class="glyphicon glyphicon-euro"></span> HT / mois</span></div>', 'inputTemplate' => '<div class="input-group">{input}<span class="input-group-addon"><span class="glyphicon glyphicon-euro"></span> HT / mois</span></div>',
]) ])
->label('Prix libre'); ?> ->label('Prix libre'); ?>

BIN
backend/web/.sass-cache/2a0ffb00578c9d5a537db16d14c734a22b18f35c/screen.scssc View File


+ 376
- 414
backend/web/css/screen.css
File diff suppressed because it is too large
View File


+ 108
- 161
backend/web/sass/screen.scss View File

} }
} }


.nom-boulange {
.name-producer {
//font-family: 'Georgia' ; //font-family: 'Georgia' ;
margin-bottom: 15px ; margin-bottom: 15px ;
text-align: left ; text-align: left ;
border-bottom: solid 1px #e0e0e0 ; border-bottom: solid 1px #e0e0e0 ;
@include box-shadow(0px 0px 5px gray) ; @include box-shadow(0px 0px 5px gray) ;
#etat-paiement-etablissement {
float: right ;
text-align: right ;
color: darken($color1,15) ;
font-size: 16px ;
.strong {
background-color: white ;
color: $color1 ;
@include border-radius(10px) ;
padding: 0px 10px ;
}
.btn {
padding: 2px 5px ;
}
}
#select-etablissement {
#select-producer {
float: left ; float: left ;
font-size: 15px ; font-size: 15px ;
} }
a { a {
margin-right: 5px ; margin-right: 5px ;
margin-left: 5px ; margin-left: 5px ;
//text-transform: uppercase ;
color: gray ; color: gray ;
} }
} }


// liste de commandes // liste de commandes
.site-index, .user-commandes { .site-index, .user-commandes {
#dernieres-commandes, #historique-commandes {
#last-orders, #history-orders {


tr.commande-update {
tr.order-update {
td { td {
background-color: $color2 ; background-color: $color2 ;
} }
} }
} }
tr.commande-delete {
tr.order-delete {
td { td {
background-color: lighten(#C9302C, 40); background-color: lighten(#C9302C, 40);
} }
} }
} }
td.historique {
td.history {
min-width: 170px ; min-width: 170px ;
.small { .small {
margin-bottom: 7px ; margin-bottom: 7px ;
} }
strong { strong {
//margin-left: 15px ;
} }
/*.label {
color: gray ;
border: solid 1px gray ;
}*/
} }


.small, .localite {
.small, .locality {
font-size: 12px ; font-size: 12px ;
color: gray ; color: gray ;
} }
.commentaire {
.comment {
font-size: 12px ; font-size: 12px ;
} }


.date { .date {
text-align: center ; text-align: center ;


.bloc-date {
.block-date {
width: 50% ; width: 50% ;
margin: 0px auto ; margin: 0px auto ;
padding-top: 0px ; padding-top: 0px ;
} }




.jour {
.day {
text-transform: capitalize ; text-transform: capitalize ;
line-height: 13px ; line-height: 13px ;
font-size: 10px ; font-size: 10px ;
font-weight: bold ; font-weight: bold ;
} }


.mois {
.month {
text-transform: uppercase ; text-transform: uppercase ;
line-height: 13px ; line-height: 13px ;
font-size: 15px ; font-size: 15px ;
} }
} }
#facturation {
#billing {
h2 { h2 {
font-size: 25px ; font-size: 25px ;
text-align: center ; text-align: center ;
} }
.mois-en-cours {
.montant span {
.current-month {
.amount span {
background-color: white ; background-color: white ;
color: #333 ; color: #333 ;
border: solid 1px gray ; border: solid 1px gray ;
} }
} }
.montant {
.amount {
margin-top: 35px ; margin-top: 35px ;
text-align: center ; text-align: center ;
span { span {
} }


#page-commande {
#page-order {


#row2 { #row2 {
padding-left: 20px ; padding-left: 20px ;
} }
#jours-production {
#distribution-days {
display: none ; display: none ;
} }
#calendar { #calendar {
h2 { h2 {
font-size: 20px ; font-size: 20px ;
position: relative ; position: relative ;
margin-top: 10px ; margin-top: 10px ;
} }
#bloc-production {
#block-distribution {
.label { .label {
float: right ; float: right ;
border-color: #4cae4c ; border-color: #4cae4c ;
} }
#productions-point-vente {
#distributions-points-sale {
margin-top: 15px ; margin-top: 15px ;
padding: 10px ; padding: 10px ;
border: solid 1px #e0e0e0 ; border: solid 1px #e0e0e0 ;
} }
} }
#produits-production {
#products-distribution {
.overflow { .overflow {
//max-height: 400px ;
//overflow-y: scroll ;
table { table {
width: 100%; width: 100%;
thead th { thead th {
height: 30px; height: 30px;


/*text-align: left;*/
} }


tbody { tbody {
float: left; float: left;
} }
.td-produit {
.td-product {
width: 60% ; width: 60% ;
} }
.td-actif, .td-max {
.td-active, .td-max {
width: 20% ; width: 20% ;
text-align: center ; text-align: center ;
} }
thead { thead {
.td-produit {
.td-product {
width: 57% ; width: 57% ;
} }
} }
} }
input.quantite-max {
input.quantity-max {
background-color: white; background-color: white;
border: 1px solid #e0e0e0; border: 1px solid #e0e0e0;
text-align: center; text-align: center;
} }
} }
#btn-export-commandes,
#btn-commandes-auto {
#btn-export-orders,
#btn-subscription {
float: right ; float: right ;
position: relative; position: relative;
top: -5px ; top: -5px ;
padding: 2px 5px ; padding: 2px 5px ;
} }
#btn-export-commandes,
#btn-commandes-auto {
#btn-export-orders,
#btn-subscription {
color: white ; color: white ;
margin-left: 10px ; margin-left: 10px ;
padding: 1px 5px ; padding: 1px 5px ;
} }
#btn-commandes-auto {
#btn-subscription {
top: -7px ; top: -7px ;
.btn { .btn {
padding: 2px 5px; padding: 2px 5px;
} }
} }
#bloc-totaux {
.table-produits {
#block-totals {
.table-products {
.depasse { .depasse {
color: #b32815 ; color: #b32815 ;
} }
} }
} }
#commandes-points-vente {
#orders-points-sale {
.tab-pane { .tab-pane {
padding-top: 20px ; padding-top: 20px ;
} }
.recap-pv {
.recap-point-sale {
&.no-commande {
.recettes {
&.no-order {
.revenues {
display: none; display: none;
} }
} }
.recettes {
.revenues {
float: right ; float: right ;
color: $color1 ; color: $color1 ;
//background-color: $color1 ;
border: solid 1px $color1 ; border: solid 1px $color1 ;
padding: 4px 10px ; padding: 4px 10px ;
@include border-radius(10px) ; @include border-radius(10px) ;
font-weight: bold ; font-weight: bold ;
} }
} }
.alert.commentaire {
.alert.comment {
display: none ; display: none ;
} }
ul.liste-commandes {
ul.liste-orders {
margin-top: 10px ; margin-top: 10px ;
list-style-type: none ; list-style-type: none ;
height: 100% ; height: 100% ;
max-height: 400px ; max-height: 400px ;
//border: solid 1px #e0e0e0 ;
margin-left: 0 ; margin-left: 0 ;
padding-left: 0 ; padding-left: 0 ;
margin-top: 0px ; margin-top: 0px ;
width: 100% ; width: 100% ;
overflow-y: scroll ; overflow-y: scroll ;


&.no-commande {
&.no-order {
display: none ; display: none ;
} }
@include border-radius(0px) ; @include border-radius(0px) ;
display: block ; display: block ;
padding: 7px ; padding: 7px ;
//border-bottom: solid 1px #e0e0e0 ;
color: #333 ; color: #333 ;
.montant {
.amount {
float: right ; float: right ;
color: $color1 ; color: $color1 ;
font-weight: bold ; font-weight: bold ;
&.paye {
&.paid {
color: #5cb85c ; color: #5cb85c ;
color: #519951 ; color: #519951 ;
} }
&:hover, &:active, &.active { &:hover, &:active, &.active {
text-decoration: none ; text-decoration: none ;
//background-color: #F5F5F5 ;
//background-color: lighten($color2,5) ;
background-color: #FCF8E3 ; background-color: #FCF8E3 ;
//border-right: solid 3px $color1 ;
outline: none ; outline: none ;
border-color: #ccc ; border-color: #ccc ;
@include transition(all 0.1s) ; @include transition(all 0.1s) ;
} }
} }
.creer-commande,
.commandes-auto {
.create-order,
.subscriptions {
width: 100% ; width: 100% ;
margin-bottom: 10px ; margin-bottom: 10px ;
} }
.bloc-commande {
.block-order {
padding-top: 20px ; padding-top: 20px ;
margin-top: 20px ; margin-top: 20px ;
display: none ; display: none ;
display: none ; display: none ;
} }
.choix-user {
.choice-user {
display: none ; display: none ;
.form-control { .form-control {
} }
} }
table.table-produits {
.td-commande {
table.table-products {
.td-order {
text-align: center ; text-align: center ;
} }
input.form-control { input.form-control {
//width: 100px ;
text-align: center ; text-align: center ;
} }
tr.disabled { tr.disabled {
.td-produit {
.td-product {
color: gray ; color: gray ;
} }
} }
} }
.td-produit,
.th-produit {
.td-product,
.th-product {
width: 70% ; width: 70% ;
} }
.td-commande,
.th-commande {
.td-order,
.th-order {
width: 30% ; width: 30% ;
text-align: center ; text-align: center ;
} }
.td-produit {
.td-product {
text-transform: uppercase ; text-transform: uppercase ;
} }
.td-commande {
.td-order {
font-weight: bold ; font-weight: bold ;
} }
} }
} }
.td-paiement {
.td-payment {
.buttons-credit { .buttons-credit {
float: right ; float: right ;
} }
} }
.panel-commande-automatique {
.field-commandeautoform-id_user,
.field-commandeautoform-id_etablissement
.panel-order-auto {
.field-subscriptionform-id_user,
.field-subscriptionform-id_producer
{ {
display: none ; display: none ;
} }
.jours {
.days {
.form-group { .form-group {
float: left ; float: left ;
margin-right: 10px ; margin-right: 10px ;
} }
#old-commandes {
#old-orders {
display: none ; display: none ;
} }
.form-commandes-point-vente {
.form-orders-point-sale {
margin-top: 20px ; margin-top: 20px ;
border-bottom: solid 1px #e0e0e0 ; border-bottom: solid 1px #e0e0e0 ;
} }
.title-point-vente {
.title-point-sale {
background-color: lighten(#fdd44b, 30) ; background-color: lighten(#fdd44b, 30) ;
border-left: solid 3px $color1 ; border-left: solid 3px $color1 ;
font-weight: bold ; font-weight: bold ;
padding: 10px ; padding: 10px ;
} }
.title-totaux {
.title-totals {
text-align: center ; text-align: center ;
} }
border-right: solid 1px #e0e0e0 ; border-right: solid 1px #e0e0e0 ;
} }
input.quantite {
//width: 50px ;
input.quantity {
width: 30px ; width: 30px ;
background-color: white ; background-color: white ;
border: solid 1px #e0e0e0 ; border: solid 1px #e0e0e0 ;
text-align: center ; text-align: center ;
} }
.td-produit {
.td-product {
text-align: center ; text-align: center ;
} }
.submit-pv {
.submit-point-sale {
float: right ; float: right ;
} }
border: solid 1px #e0e0e0 ; border: solid 1px #e0e0e0 ;
} }
.date-commande {
.date-order {
font-size: 12px ; font-size: 12px ;
} }
text-align: center ; text-align: center ;
} }
.depasse { .depasse {
color: #b32815 ; color: #b32815 ;
} }
font-weight: normal ; font-weight: normal ;
font-size: 13px ; font-size: 13px ;
} }
.vrac {
display: none ;
}
td.client {

td.user {
text-align: left ; text-align: left ;
padding: 3px ; padding: 3px ;
.date-commande {
.date-order {
color: gray ; color: gray ;
} }
} }
} }



#email-masse-form {
#ids-users {
line-height: 30px ;
.label {
text-transform: capitalize ;
}
}
}

.produit-create, .produit-update {
#jours-production {
.product-create, .product-update {
#days-distribution {
.form-group { .form-group {
float: left ; float: left ;
margin-right: 15px ; margin-right: 15px ;
} }
} }
} }
.field-produit-id_etablissement {
.field-product-id_producer {
display: none; display: none;
} }
} }
background-color: white ; background-color: white ;
} }


.wrap .produit-index {
.wrap .product-index {
.td-photo { .td-photo {
max-width: 100px ; max-width: 100px ;
width: 100px ; width: 100px ;
} }
.photo-produit {
.photo-product {
max-width: 100px ; max-width: 100px ;
} }


/* communiquer */ /* communiquer */


.communiquer-mode-emploi {
.communicate-instructions {
border: solid 1px #e0e0e0 ; border: solid 1px #e0e0e0 ;
padding: 10px ; padding: 10px ;
@include border-radius(10px) ; @include border-radius(10px) ;
} }
} }


.communiquer-mode-emploi-encart {
.communicate-instructions-inset {
width: 420px ; width: 420px ;
margin-top: 20px ; margin-top: 20px ;
.header { .header {
} }
} }


.bloc-mode-emploi-pdf {
.block-instructions-pdf {
width: 49.9% ; width: 49.9% ;
float: left; float: left;
border-bottom: dotted 1px gray ; border-bottom: dotted 1px gray ;
} }


.bloc-mode-emploi-border {
.block-instructions-border {
border-right: dotted 1px gray ; border-right: dotted 1px gray ;
border-bottom: dotted 1px gray ; border-bottom: dotted 1px gray ;
} }


.communiquer-mode-emploi-pdf {
.communicate-instructions-pdf {
border: 0px none ; border: 0px none ;
//border-bottom: dotted 1px gray ; //border-bottom: dotted 1px gray ;
@include border-radius(0px) ; @include border-radius(0px) ;
} }
} }


.bloc-mode-emploi-bottom {
.block-instructions-bottom {
border-bottom: 0px none ; border-bottom: 0px none ;
border-bottom: solid 1px white; border-bottom: solid 1px white;
} }




/* commandes auto */
/* abonnements */


.commandeauto-form {
.subscription-form {
#bloc-select-user {
#block-select-user {
padding-left: 0px ; padding-left: 0px ;
} }
} }
} }
.field-commandeautoform-id_etablissement {
.field-subscriptionform-id_producer {
display: none ; display: none ;
} }
.jours {
.days {
.form-group { .form-group {
float: left; float: left;
margin-right: 20px ; margin-right: 20px ;
} }
} }
.produits {
.products {
.table { .table {
width: 500px ; width: 500px ;
} }
.quantite {
.quantity {
text-align: center ; text-align: center ;
} }
} }


/* points de vente */ /* points de vente */


.point-vente-form {
#pointvente-users {
.point-sale-form {
#pointsale-users {
display: none ; display: none ;
height: 500px ; height: 500px ;
overflow-y: scroll ; overflow-y: scroll ;
font-weight: normal ; font-weight: normal ;
display: block ; display: block ;
} }
.commentaire {
.comment {
display: none ; display: none ;
margin-left: 17px ; margin-left: 17px ;
width: 200px ; width: 200px ;
} }
} }
#jours-livraison {
#delivery-days {
.form-group { .form-group {
float: left ; float: left ;
margin-right: 15px ; margin-right: 15px ;
} }
} }
#tabs-points-vente {
#tabs-points-sale {
margin-bottom: 20px ; margin-bottom: 20px ;
} }


/* facturation */ /* facturation */


#estimation-facture {
#free-price {
padding: 20px ; padding: 20px ;
background-color: #F9F9F9 ; background-color: #F9F9F9 ;


h2 { h2 {
font-family: 'myriadpro-it' ; font-family: 'myriadpro-it' ;
} }
.montant {
.amount {
span { span {
font-size: 25px ; font-size: 25px ;
color: white ; color: white ;
} }
} }
.field-etablissement-prix_libre {
.field-producer-free_price {
.input-group { .input-group {
width: 200px ; width: 200px ;
} }
} }
.field-user-prix_libre {
.field-user-free_price {
label { label {
display: none ; display: none ;
} }
} }
#etablissement-prix_libre {
#producer-free_price {
width: 100px ; width: 100px ;
height: 60px ; height: 60px ;
font-size: 30px ; font-size: 30px ;
} }
} }


.developpement-index {
ul#tabs-statuts-developpements {
.development-index {
ul#tabs-status-developments {
margin-bottom: 30px ; margin-bottom: 30px ;
border-bottom: solid 3px $color1 ; border-bottom: solid 3px $color1 ;
} }
} }
#tab-developpements {
.btn-group-priorite {
#tab-developments {
.btn-group-priority {
width: 100% ; width: 100% ;
margin-bottom: 5px ; margin-bottom: 5px ;


.btn-priorite {
.btn-priority {
display: block ; display: block ;
float: none ; float: none ;
width: 100% ; width: 100% ;
} }
} }
.label-priorite {
.label-priority {
display: block ; display: block ;
width: 100% ; width: 100% ;
margin-bottom: 2px ; margin-bottom: 2px ;


/* stats */ /* stats */


.stats-produits {
.stats-products {
#nav-year { #nav-year {
float: right ; float: right ;
} }
tr.mois {
tr.month {
th { th {
text-align: center ; text-align: center ;
} }
} }
} }
td.nom {
td.name {
text-transform: uppercase ; text-transform: uppercase ;
} }

Write Preview
Loading…
Cancel
Save