Browse code

[contact] BM-14913 Fix: Force photo size in contact consult screen

Mehdi Rande authored on 27/06/2019 16:15:53
Showing 3 changed files
... ...
@@ -426,6 +426,7 @@ i.envelope {
426 426
   background-color: #eee;
427 427
   padding: 10px;
428 428
   margin-bottom: 10px;
429
+
429 430
 }
430 431
 
431 432
 .vcard .header > div.container {
... ...
@@ -437,11 +438,22 @@ i.envelope {
437 438
 }
438 439
 
439 440
 
440
-.field-photo {
441
-	margin-right: 10px;
441
+.field-photo, .card-photo {
442
+	margin-right: 25px;
442 443
 	float: left;
443
-	height: 96px;
444
+  height: 97px;
445
+  font-size: 1.5em;
446
+  overflow: visible!important;
444 447
 }
448
+
449
+.card-photo img {
450
+  min-width: 50px;
451
+  min-height: 50px;
452
+  max-width: 96px;
453
+  max-height: 96px;
454
+  border: 1px solid #ccc;
455
+}
456
+
445 457
 /******************************************************************************
446 458
  *                        GROUP VCARD 
447 459
  *****************************************************************************/
... ...
@@ -26,10 +26,19 @@
26 26
  */
27 27
 {template .card}
28 28
   <div class="{css header}">
29
+    <div class="card-photo">
30
+    {if $contact.photo}
31
+  	  <img src="{$contact.photo}" alt="" />
32
+	  {else}
33
+	  <i class="fa fa-5x fa-users"></i>aa
34
+    {/if}
35
+    </div>
29 36
     <h1>
30 37
     {$contact.name}
31 38
     </h1>
32 39
     <span class="{css container}">{$contact.container.name}</span>
40
+    <div style="clear: both;"></div>
41
+
33 42
   </div>
34 43
   <div class="{css main}">
35 44
     {if $contact.categories}
... ...
@@ -26,30 +26,33 @@
26 26
  */
27 27
 {template .card}
28 28
   <div class="{css header}">
29
+    <div class="card-photo">
29 30
     {if $contact.photo}
30 31
   	  <img src="{$contact.photo}" alt="" />
31 32
 	  {else}
32 33
 	  {if $contact.kind == 'group'}
33
-	  <i class="fa fa-lg fa-users"></i>
34
+	  <i class="fa fa-5x fa-users"></i>aa
34 35
 	  {else}
35
-	  <i class="fa fa-lg fa-user"></i>
36
+	  <i class="fa fa-5x fa-user"></i>
36 37
 	  {/if}
37 38
     {/if}
39
+    </div>
38 40
     <h1>{$contact.name}
39 41
     </h1>
40 42
     <span class="{css container}">{$contact.container.name}</span>
41 43
     {if ($contact.company)}
42
-      <div><div>{$contact.company}</div></div>
44
+      <div>{$contact.company}</div>
43 45
     {/if}
44 46
     {if ($contact.title)}
45
-        <div><div>{$contact.title}</div></div>
47
+        <div>{$contact.title}</div>
46 48
     {/if}
47 49
     {if ($contact.division)}
48
-        <div><div>{$contact.division}</div></div>
50
+        <div>{$contact.division}</div>
49 51
     {/if}
50 52
     {if ($contact.department)}
51
-        <div><div>{$contact.department}</div></div>
53
+        <div>{$contact.department}</div>
52 54
     {/if}
55
+    <div style="clear: both;"></div>
53 56
   </div>
54 57
   <div class="{css main}">
55 58
     {if $contact.categories}