CAFI167 CAFI180

assets/css/style.css

@@ -997,6 +997,26 @@ top: 569px !important;
 #logo{
     bottom: 100px;
 }
+#motifs-list.one-line{
+    top: 189px;
+}
+#motifs-list.four-motifs{
+    top: 85px;
+    left: 20px;
+}
+#motifs-list.four-motifs .motif-item {
+    /* padding: 10px 50px; */
+    margin-right: 71px;
+}
+#motifs-list.motifs-five{
+    top: 85px;
+}
+.motifs-seven-plus .motif-item span.bigname{
+    font-size: 22px;
+}
+.motifs-seven-plus .motif-item span.bigname small{
+    font-size: 13px;
+}
 /* fade In */
 @keyframes fadein {
     from {

bornes/index.php

@@ -107,7 +107,7 @@ $cssVersion = $GLOBALS["APP_CONF"]["ASSETS_VERSION"] ? $GLOBALS["APP_CONF"]["ASS
 
 			<div id="srdv-page" class="hidden">
 				<div id="text-error-no-motif-selected" ng-bind-html="no_motif_error" ng-if="config.borne.MOTIF.SHOW_TEXT_WHEN_NO_MOTIF_SELECTED"></div>
-				<div id="motifs-list" ng-class="{'motifs-seven-plus' : caisse.motifs.length > 6,'motifs-five' : caisse.motifs.length == 6 || caisse.motifs.length == 5, 'motifs-triple' : caisse.motifs.length == 3,'double-col-motifs' : caisse.motifs.length == 4 || caisse.motifs.length == 2, 'one-line': caisse.motifs.length <= (backoffice.MAXMOTIFS / backoffice.MOTIFSROWS), 'one-motif' : caisse.motifs.length == 1}" >
+				<div id="motifs-list" ng-class="{'motifs-seven-plus' : caisse.motifs.length > 6,'motifs-five' : caisse.motifs.length == 6 || caisse.motifs.length == 5,'four-motifs' : caisse.motifs.length == 4, 'motifs-triple' : caisse.motifs.length == 3,'double-col-motifs' : caisse.motifs.length == 4 || caisse.motifs.length == 2, 'one-line': caisse.motifs.length < 4, 'one-motif' : caisse.motifs.length == 1}" >
 					<motif-panel pagination-id="motif" dir-paginate="motif in caisse.motifs | filter: {lang : currentLang} | orderBy: 'idtri' | itemsPerPage: pageSizeMotif" current-page="pagination.currentPage" ng-touchstart="setMotif(motif.id)" ng-include="borne.templates['motif-panel']" data-effect="true"></motif-panel>
 					
 				</div>				

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"></span>
+	{{motif.firstline.length}}<span ng-bind-html="motif.firstline" ng-class="{'bigname' : motif.firstline.length > 105 && motif.firstline.indexOf('<small>') != -1 || motif.firstline.length > 80 && motif.firstline.indexOf('<small>') == -1}"></span>
 </div>