mobile menu header

9 years ago · ad797b6bbe
parent 457842b298
commit ad797b6bbe
2 changed files with 7 additions and 1 deletions
--- a/less/mobile.less
+++ b/less/mobile.less
@ -163,12 +163,14 @@
 		top: 0px;
 		z-index: 1;

-		img {
+		img, .user-icon {
 			position: absolute;
 			bottom: -22px;
 			left: 93px;
 			width: 70px;
 			height: 70px;
+			line-height: 70px;
+			font-size: 4rem;
 			border-radius: 50%;
 		}

--- a/templates/header.tpl
+++ b/templates/header.tpl
@ -40,7 +40,11 @@
 <body>
 	<nav id="menu">
 		<section class="menu-profile">
+			<!-- IF user.picture -->
 			<img src="{user.picture}"/>
+			<!-- ELSE -->
+			<div class="user-icon" style="background-color: {user.icon:bgColor};">{user.icon:text}</div>
+			<!-- ENDIF user.picture -->
 			<i component="user/status" class="fa fa-fw fa-circle status {user.status}"></i>
 		</section>