[Notice] Announcing the End of Demo Server [Read me]
yona-projects / yona star
Jihan Kim 2013-04-16
enhance author avatar CSS (32x32, 64x64)
@75e4aa3e0569e8478ebf546c18990a7d60d095d9
dcaa2df
75e4aa3
app/assets/stylesheets/less/_common.less
--- app/assets/stylesheets/less/_common.less
+++ app/assets/stylesheets/less/_common.less
@@ -134,10 +134,12 @@
 
 }
 
 .img-rounded {
 
     .border-radius(3px) !important;
 
-    border: 1px solid #CCC;
 
+    border: 1px solid #ccc;
 
 }
 
-.author-avatar {
 
-    width:34px; height:34px; overflow:hidden;
 
+.avatar-wrap {
 
+    width:32px; height:32px; overflow:hidden;
 
+    &.mid   { width:64px; height:64px;   }
 
+    &.large { width:128px; height:128px; }
 
 }
 
 
 .orange-txt {
dcaa2df
75e4aa3
app/views/board/postList.scala.html
--- app/views/board/postList.scala.html
+++ app/views/board/postList.scala.html
@@ -76,8 +76,8 @@
 
             <div class="comment-wrap">
 
                 <i class="ico ico-comment-bubble"></i><span class="num">@post.numOfComments</span>
 
             </div>
 
-            <a href="@routes.UserApp.userInfo(post.authorLoginId)" class="author-avatar img-rounded pull-right">
 
-				<img src="@User.findByLoginId(post.authorLoginId).avatarUrl" alt="@post.authorName" width="34" height="34">
 
+            <a href="@routes.UserApp.userInfo(post.authorLoginId)" class="avatar-wrap img-rounded pull-right">
 
+				<img src="@User.findByLoginId(post.authorLoginId).avatarUrl" alt="@post.authorName" width="32" height="32">
 
 			</a>
 
           </div>
 
         </li>
dcaa2df
75e4aa3
app/views/issue/issueList.scala.html
--- app/views/issue/issueList.scala.html
+++ app/views/issue/issueList.scala.html
@@ -136,8 +136,8 @@
 
 	            <div class="comment-wrap">
 
 	                <i class="ico ico-comment-bubble"></i><span class="num">@issue.comments.size()</span>
 
 	            </div>
 
-	            <a href="@routes.UserApp.userInfo(issue.authorLoginId)" class="author-avatar img-rounded pull-right"><!-- 
-	             --><img src="@User.findByLoginId(issue.authorLoginId).avatarUrl" width="34" height="34" alt="@issue.authorName"></a>
 
+	            <a href="@routes.UserApp.userInfo(issue.authorLoginId)" class="avatar-wrap img-rounded pull-right"><!-- 
+	             --><img src="@User.findByLoginId(issue.authorLoginId).avatarUrl" width="32" height="32" alt="@issue.authorName"></a>
 
 	        </div>
 
 	    </li>
 
 	    }
dcaa2df
75e4aa3
app/views/project/memberList.scala.html
--- app/views/project/memberList.scala.html
+++ app/views/project/memberList.scala.html
@@ -28,7 +28,7 @@
 
             @if( member.user != null){
 
 
 		<li class="member">
 
-			<a href="@routes.UserApp.userInfo(member.user.loginId)" class="img-rounded pull-left"><!-- 
+			<a href="@routes.UserApp.userInfo(member.user.loginId)" class="avatar-wrap mid img-rounded pull-left"><!-- 
 			 --><img class="media-object" src="@User.findByLoginId(member.user.loginId).avatarUrl" width="64" height="64"></a>
 
 			<div class="m-body">
 
 				<div class="td">
dcaa2df
75e4aa3
app/views/project/projectList.scala.html
--- app/views/project/projectList.scala.html
+++ app/views/project/projectList.scala.html
@@ -51,8 +51,8 @@
 
                       <i class="ico ico-like"></i><span class="num">1</span>
 
                   </div>
 
                   <i class="ico ico-activity low"></i><!-- 
-               --><a href="@routes.UserApp.userInfo(project.owner)" class="author-avatar img-rounded">
 
-						<img src="@project.getOwnerByName(project.owner).avatarUrl" width="34" height="34">
 
+               --><a href="@routes.UserApp.userInfo(project.owner)" class="avatar-wrap img-rounded">
 
+						<img src="@project.getOwnerByName(project.owner).avatarUrl" width="32" height="32">
 
 				  </a>
 
               </div>
 
           </li>
dcaa2df
75e4aa3
app/views/user/info.scala.html
--- app/views/user/info.scala.html
+++ app/views/user/info.scala.html
@@ -111,8 +111,8 @@
 
 								<i class="ico ico-like"></i><span class="num">1</span>
 
 							</div>
 
 							<i class="ico ico-activity low"></i> <!-- 
-						 --><a href="@routes.UserApp.userInfo(project.owner)" class="author-avatar img-rounded">
 
-								<img src="@project.getOwnerByName(project.owner).avatarUrl" width="34" height="34">
 
+						 --><a href="@routes.UserApp.userInfo(project.owner)" class="avatar-wrap img-rounded">
 
+								<img src="@project.getOwnerByName(project.owner).avatarUrl" width="32" height="32">
 
 							</a>
 
 						</div>
 
 					</li>
Add a comment
List