Ticket #938

inc/classes/BxDolAccount.php

@@ -196,7 +196,11 @@ class BxDolAccount extends BxDolFactory implements iBxDolSingleton
      */
     public function getUnit($iAccountId = false)
     {
-        return '<div>' . $this->getDisplayName($iAccountId) . '</div>';
+        $sTitle = $this->getDisplayName($iAccountId);
+        return BxDolTemplate::getInstance()->parseHtmlByName('unit_account.html', array(
+            'color' => implode(', ', BxDolTemplate::getColorCode('', 0.5)),
+			'letter' => strtoupper(mb_substr($sTitle, 0, 1))
+        ));
     }
 
     /**

modules/base/profile/classes/BxBaseModProfileTemplate.php

@@ -80,7 +80,7 @@ class BxBaseModProfileTemplate extends BxBaseModGeneralTemplate
                 'condition' => !$bThumbUrl,
                 'content' => array(
                     'color' => implode(', ', BxDolTemplate::getColorCode('', 0.5)),
-                    'letter' => mb_substr($sTitle, 0, 1)
+                    'letter' => strtoupper(mb_substr($sTitle, 0, 1))
                 )
             ),
             'thumb_url' => $bThumbUrl ? $sThumbUrl : $this->getImageUrl('no-picture-thumb.png'),

modules/base/profile/template/css/main.css

@@ -47,12 +47,18 @@ p.bx-base-pofile-unit-ava {
 	display: block;
     margin: 0px;
 
-	font-size: 32px;
-	font-size: 2.0rem;
+	line-height: 46px;
+    line-height: 2.9rem;
+
+	font-size: 20px;
+	font-size: 1.2rem;
 	font-weight: 700;
 	color: #d0d0d0;
 }
 p.bx-base-pofile-unit-ava {
+	line-height: 94px;
+    line-height: 5.9rem;
+
 	font-size: 48px;
     font-size: 3.0rem;
     font-weight: 700;

template/css/general.css

@@ -143,4 +143,18 @@
 /* --------------- 'Add to Homescreen' popup */
 .ath-container {
 	color: #333;
+}
+
+/* --------------- Account */
+.bx-account-unit p {
+	display: block;
+    margin: 0px;
+
+    line-height: 46px;
+    line-height: 2.9rem;
+
+    font-size: 20px;
+    font-size: 1.2rem;
+    font-weight: 700;
+    color: #d0d0d0;
 }

template/unit_account.html

@@ -0,0 +1 @@
+<div class="bx-account-unit bx-def-thumb-size bx-def-font-align-center"><p class="bx-def-thumb bx-def-thumb-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p></div>