Selaa lähdekoodia

Refactoring/traduction css backend

dev
Guillaume Bourgeois 6 vuotta sitten
vanhempi
commit
098e0d0b40
4 muutettua tiedostoa jossa 485 lisäystä ja 576 poistoa
  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 Näytä tiedosto

@@ -76,7 +76,7 @@ $this->params['breadcrumbs'][] = $this->title;
],
]); ?>
<?= $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>',
])
->label('Prix libre'); ?>

BIN
backend/web/.sass-cache/2a0ffb00578c9d5a537db16d14c734a22b18f35c/screen.scssc Näytä tiedosto


+ 376
- 414
backend/web/css/screen.css
File diff suppressed because it is too large
Näytä tiedosto


+ 108
- 161
backend/web/sass/screen.scss Näytä tiedosto

@@ -209,7 +209,7 @@ a {
}
}

.nom-boulange {
.name-producer {
//font-family: 'Georgia' ;
margin-bottom: 15px ;
text-align: left ;
@@ -228,23 +228,7 @@ a {
border-bottom: solid 1px #e0e0e0 ;
@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 ;
font-size: 15px ;
}
@@ -289,7 +273,6 @@ a {
a {
margin-right: 5px ;
margin-left: 5px ;
//text-transform: uppercase ;
color: gray ;
}
}
@@ -303,9 +286,9 @@ a {

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

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

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

.date {
text-align: center ;

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



.jour {
.day {
text-transform: capitalize ;
line-height: 13px ;
font-size: 10px ;
@@ -371,7 +346,7 @@ a {
font-weight: bold ;
}

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

#page-commande {
#page-order {

#row2 {
@@ -454,12 +429,11 @@ a {
padding-left: 20px ;
}
#jours-production {
#distribution-days {
display: none ;
}
#calendar {
h2 {
font-size: 20px ;
position: relative ;
@@ -509,7 +483,7 @@ a {
margin-top: 10px ;
}
#bloc-production {
#block-distribution {
.label {
float: right ;
@@ -521,7 +495,7 @@ a {
border-color: #4cae4c ;
}
#productions-point-vente {
#distributions-points-sale {
margin-top: 15px ;
padding: 10px ;
border: solid 1px #e0e0e0 ;
@@ -539,11 +513,9 @@ a {
}
}
#produits-production {
#products-distribution {
.overflow {
//max-height: 400px ;
//overflow-y: scroll ;
table {
width: 100%;
@@ -561,7 +533,6 @@ a {
thead th {
height: 30px;

/*text-align: left;*/
}

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

&.no-commande {
&.no-order {
display: none ;
}
@@ -705,15 +674,14 @@ a {
@include border-radius(0px) ;
display: block ;
padding: 7px ;
//border-bottom: solid 1px #e0e0e0 ;
color: #333 ;
.montant {
.amount {
float: right ;
color: $color1 ;
font-weight: bold ;
&.paye {
&.paid {
color: #5cb85c ;
color: #519951 ;
}
@@ -725,10 +693,7 @@ a {
&:hover, &:active, &.active {
text-decoration: none ;
//background-color: #F5F5F5 ;
//background-color: lighten($color2,5) ;
background-color: #FCF8E3 ;
//border-right: solid 3px $color1 ;
outline: none ;
border-color: #ccc ;
@include transition(all 0.1s) ;
@@ -737,13 +702,13 @@ a {
}
}
.creer-commande,
.commandes-auto {
.create-order,
.subscriptions {
width: 100% ;
margin-bottom: 10px ;
}
.bloc-commande {
.block-order {
padding-top: 20px ;
margin-top: 20px ;
display: none ;
@@ -770,7 +735,7 @@ a {
display: none ;
}
.choix-user {
.choice-user {
display: none ;
.form-control {
@@ -780,38 +745,37 @@ a {
}
}
table.table-produits {
.td-commande {
table.table-products {
.td-order {
text-align: center ;
}
input.form-control {
//width: 100px ;
text-align: center ;
}
tr.disabled {
.td-produit {
.td-product {
color: gray ;
}
}
}
.td-produit,
.th-produit {
.td-product,
.th-product {
width: 70% ;
}
.td-commande,
.th-commande {
.td-order,
.th-order {
width: 30% ;
text-align: center ;
}
.td-produit {
.td-product {
text-transform: uppercase ;
}
.td-commande {
.td-order {
font-weight: bold ;
}
@@ -828,20 +792,20 @@ a {
}
}
.td-paiement {
.td-payment {
.buttons-credit {
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 ;
}
.jours {
.days {
.form-group {
float: left ;
margin-right: 10px ;
@@ -851,11 +815,11 @@ a {
}
#old-commandes {
#old-orders {
display: none ;
}
.form-commandes-point-vente {
.form-orders-point-sale {
margin-top: 20px ;
@@ -863,7 +827,7 @@ a {
border-bottom: solid 1px #e0e0e0 ;
}
.title-point-vente {
.title-point-sale {
background-color: lighten(#fdd44b, 30) ;
border-left: solid 3px $color1 ;
font-weight: bold ;
@@ -871,7 +835,7 @@ a {
padding: 10px ;
}
.title-totaux {
.title-totals {
text-align: center ;
}
@@ -883,19 +847,18 @@ a {
border-right: solid 1px #e0e0e0 ;
}
input.quantite {
//width: 50px ;
input.quantity {
width: 30px ;
background-color: white ;
border: solid 1px #e0e0e0 ;
text-align: center ;
}
.td-produit {
.td-product {
text-align: center ;
}
.submit-pv {
.submit-point-sale {
float: right ;
}
@@ -904,7 +867,7 @@ a {
border: solid 1px #e0e0e0 ;
}
.date-commande {
.date-order {
font-size: 12px ;
}
@@ -920,8 +883,6 @@ a {
text-align: center ;
}
.depasse {
color: #b32815 ;
}
@@ -930,15 +891,11 @@ a {
font-weight: normal ;
font-size: 13px ;
}
.vrac {
display: none ;
}
td.client {

td.user {
text-align: left ;
padding: 3px ;
.date-commande {
.date-order {
color: gray ;
}
}
@@ -1023,18 +980,8 @@ a {
}


#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 {
float: left ;
margin-right: 15px ;
@@ -1044,7 +991,7 @@ a {
}
}
}
.field-produit-id_etablissement {
.field-product-id_producer {
display: none;
}
}
@@ -1053,12 +1000,12 @@ a {
background-color: white ;
}

.wrap .produit-index {
.wrap .product-index {
.td-photo {
max-width: 100px ;
width: 100px ;
}
.photo-produit {
.photo-product {
max-width: 100px ;
}
@@ -1070,7 +1017,7 @@ a {

/* communiquer */

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

.communiquer-mode-emploi-encart {
.communicate-instructions-inset {
width: 420px ;
margin-top: 20px ;
.header {
@@ -1149,18 +1096,18 @@ a {
}
}

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

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

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

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


/* commandes auto */
/* abonnements */

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

/* points de vente */

.point-vente-form {
#pointvente-users {
.point-sale-form {
#pointsale-users {
display: none ;
height: 500px ;
overflow-y: scroll ;
@@ -1245,14 +1192,14 @@ a {
font-weight: normal ;
display: block ;
}
.commentaire {
.comment {
display: none ;
margin-left: 17px ;
width: 200px ;
}
}
#jours-livraison {
#delivery-days {
.form-group {
float: left ;
margin-right: 15px ;
@@ -1275,7 +1222,7 @@ a {
}
}
#tabs-points-vente {
#tabs-points-sale {
margin-bottom: 20px ;
}
@@ -1302,14 +1249,14 @@ a {

/* facturation */

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

h2 {
font-family: 'myriadpro-it' ;
}
.montant {
.amount {
span {
font-size: 25px ;
color: white ;
@@ -1331,19 +1278,19 @@ a {
}
}
.field-etablissement-prix_libre {
.field-producer-free_price {
.input-group {
width: 200px ;
}
}
.field-user-prix_libre {
.field-user-free_price {
label {
display: none ;
}
}
#etablissement-prix_libre {
#producer-free_price {
width: 100px ;
height: 60px ;
font-size: 30px ;
@@ -1352,8 +1299,8 @@ a {
}
}

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

.btn-priorite {
.btn-priority {
display: block ;
float: none ;
width: 100% ;
}
}
.label-priorite {
.label-priority {
display: block ;
width: 100% ;
margin-bottom: 2px ;
@@ -1393,13 +1340,13 @@ a {

/* stats */

.stats-produits {
.stats-products {
#nav-year {
float: right ;
}
tr.mois {
tr.month {
th {
text-align: center ;
}
@@ -1411,7 +1358,7 @@ a {
}
}
td.nom {
td.name {
text-transform: uppercase ;
}

Loading…
Peruuta
Tallenna