kiosque IP styling and wording

assets/css/style.css

@@ -42,7 +42,7 @@ footer {background-color: initial;color: #929292;border-top: 8px solid #929292;d
     background: url(/assets/img/icons/borne/motif_selected.png) no-repeat;
     background-size: cover;
 }
-.motif-item span{color: #ffffff;font-weight: normal;height: 120px;text-align: left;margin-top: 15px;padding-left: 0px;position: relative;font-size: 29px;bottom: 22px;font-family: 'OpenSans';line-height: 48px;left: 15px;top: -5px;}
+.motif-item span{color: #ffffff;font-weight: normal;height: 120px;text-align: left;margin-top: 15px;padding-left: 0px;position: relative;font-size: 29px;bottom: 22px;font-family: 'OpenSans';line-height: 40px;left: 15px;top: -5px;}
 .motif-item span small{
     font-size: 19px;
     line-height: 32px;
@@ -254,10 +254,11 @@ right: 0;
 #cons-pagination {top: 650px;}
 .double-col-motifs .motif-item{/* padding: 10px 50px; */}
 nfc-page > div.nfc-infos {color: #09635D;font-size: 60px;top: 28px;position: relative;}
-.conseillerName {white-space: normal;width: 265px;/* font-weight: 700; */font-family: OpenSansSemiBold !important;}
-.cons_item .lastname { text-transform: uppercase; }
+.conseillerName {white-space: normal;line-height: 38px;width: 265px;/* font-weight: 700; */font-family: OpenSansSemiBold !important;/* word-wrap: break-word; */}
+.cons_item .lastname {text-transform: uppercase;display: inline-block;width: 265px;word-wrap: break-word;}
 .cons_item.myst .conseillerName{
     text-transform: inherit;
+    line-height: inherit;
 }
 .cons_item.myst .lastname {
     text-transform: lowercase;
@@ -287,7 +288,7 @@ nfc-page > div.nfc-infos {color: #09635D;font-size: 60px;top: 28px;position: rel
     box-shadow: 0px 1px 9px 2px #a9a9a9;
 }
 
-.firstname,.lastname{font-size: 30px;font-family: 'OpenSansSemiBold';}
+.firstname,.lastname{font-size: 30px;font-family: 'OpenSansSemiBold';display: inline-block;width: 265px;word-wrap: break-word;}
 .cons_item .title {padding-left: 10px;line-height: 30px;padding-right: 10px;height: 140px;position: relative;display: table-cell;left: 49px;top: 13px;font-family: 'OpenSans';}
 .cons_item img {height: 142px;width: 167px;border-radius: 24px;position: relative;background: #FFF;/*filter:contrast(1000%);*/top: 19px;left: 21px;box-shadow: 2px 3px 8px 1px #424242;}
 .pagination-item.active span, .pagination > li.active span, .pagination-item.direction span, .pagination > li.direction span {color: #FFFFFF;}
@@ -980,7 +981,7 @@ html.ie .civilite-label {
     font-size: 29px;
     bottom: 22px;
     font-family: 'OpenSans';
-    line-height: 48px;
+    line-height: 40px;
     left: 16px;
     top: -5px;
     display: table-cell;
@@ -1021,6 +1022,13 @@ top: 569px !important;
 #motifs-list {
     width: 100%;
 }   
+.conseillerName .firstname.bigname{
+    font-size: 22px;
+}
+.conseillerName .lastname.bigname{
+    font-size: 22px;
+    margin-top: 5px;
+} 
 /* fade In */
 @keyframes fadein {
     from {

assets/templates/borne/conseiller-panel.html

 	<image width="174" height="149" ng-src="{{caisse.params.subfolder}}{{conseiller.photo}}" ng-hide="config.backoffice.TOGGLE_SHOW_PHOTOS && caisse.params.show_photos == 0"></image>
 	<div class="title">
 		<div class="conseillerName">
-			<span class="firstname">{{(currentLang == 'ar') ? conseiller.prenom_ar : conseiller.prenom}}</span>
+			<span class="firstname" ng-class="{'bigname':(conseiller.prenom.length > 14 && conseiller.nom.length > 14) || (conseiller.prenom.length > 28 && conseiller.nom.length < 14)}">{{(currentLang == 'ar') ? conseiller.prenom_ar : conseiller.prenom}}</span>
 			<!-- <span class="lastname" ng-class="{'bigname':conseiller.nom.length>bignameLength, 'bigname2':conseiller.nom.length>=15, 'bigname-3':conseiller.nom.length>=18}">{{(currentLang == 'ar') ? conseiller.nom_ar : conseiller.nom}}</span><br/> -->
-			<br/><span class="lastname">{{(currentLang == 'ar') ? conseiller.nom_ar : conseiller.nom}}</span><br/> 
+			<br/><span class="lastname" ng-class="{'bigname':(conseiller.prenom.length > 14 && conseiller.nom.length > 14) || (conseiller.nom.length > 28 && conseiller.prenom.length < 14)}">{{(currentLang == 'ar') ? conseiller.nom_ar : conseiller.nom}}</span><br/> 
 		</div>
 		<span class="fonction" ng-if="getFunctionVisiblity(conseiller.fonction) == 1" ng-hide="conseiller.myst == 1"  ng-class="{'bigfunction':getFonction(conseiller.label_fonction,conseiller.fonction).length>23}">
 			{{getFonction(conseiller.label_fonction,conseiller.fonction)}}

bornes/templates/motif-panel.html

 <div class="motif-item" id="motif{{motif.id}}" ng-class="{'active':(chosenMotif.indexOf(motif.id)>-1)}">
 	<img ng-src="{{caisse.params.subfolder}}{{motif.picto}}"/>
-	<span ng-bind-html="motif.firstline" ng-class="{'bigname' : motif.firstline.length > 97 && motif.firstline.indexOf('<small>') != -1 || motif.firstline.length > 80 && motif.firstline.indexOf('<small>') == -1}"></span>
+	<span ng-bind-html="motif.firstline" ng-class="{'bigname' : motif.firstline.length > 126 && motif.firstline.indexOf('<small>') != -1 || motif.firstline.length > 88 && motif.firstline.indexOf('<small>') == -1}"></span>
 </div>

inc/settingsNetisse.php

@@ -107,14 +107,11 @@ $GLOBALS["NOTIF_CONF"] = $NOTIF_CONF;
 
 $BORNE_CONF = array();
 $BORNE_CONF["ORIENTATIONS"]["DEFAULT_MESSAGES"]["RDV"] = "Bienvenue [CLIENT],
-veuillez attendre [CONSEILLER] 
-dans l'espace d'attente à votre gauche.";
+ veuillez attendre [CONSEILLER] dans l'espace d'attente.";
 $BORNE_CONF["ORIENTATIONS"]["DEFAULT_MESSAGES"]["SRDV"] = "Bienvenue [CLIENT],
-veuillez attendre un conseiller 
-dans l'espace d'attente derrière l'accueil.";
+ veuillez attendre un collaborateur dans l'espace d'attente.";
 $BORNE_CONF["ORIENTATIONS"]["DEFAULT_MESSAGES"]["MYST"] = "Bienvenue [CLIENT],
-veuillez attendre un conseiller 
-dans l'espace d'attente derrière l'accueil.";
+ veuillez attendre un collaborateur dans l'espace d'attente.";
 $BORNE_CONF["ORIENTATIONS"]["DEFAULT_MESSAGES"]["SITEMAP"] = "Nos services sont informés de votre présence.
 Installez-vous dans le salon d'accueil.