[Notice] Announcing the End of Demo Server [Read me]
Jihan Kim 2013-05-07
fix topmenu style as same with navbar
@a4381a8c8a15d0857da8a8d3276087d5f1141166
app/assets/stylesheets/less/_page.less
--- app/assets/stylesheets/less/_page.less
+++ app/assets/stylesheets/less/_page.less
@@ -150,30 +150,6 @@
         }
     }
 }
-.d-link {
-    color:#111;
-    &:hover { color:@primary; }
-    
-    &.signin {
-        i { 
-           margin: 0; padding: 0;
-           border:1px solid #868686;
-           width:22px; height:22px; border-radius:2px;
-           margin-right:5px; .inline-block;
-           vertical-align: top;
-           
-           img { vertical-align: top; }
-        }
-    }
-    &.signin:hover {
-        .icon {
-            background-position: -150px -2px;
-        }
-    }
-    &.signup {
-        padding-right:2px;
-    }  
-}
 
 // project-setting, project-home ...
 .prj {
@@ -181,8 +157,9 @@
         background:none;
         border:none;
     }
+    
     .gnb-inner {
-        height:56px; line-height:56px;
+        height:56px; /*line-height:56px;*/
         border-top: 1px solid #6e6e6e;
         border-bottom: 1px solid #6e6e6e;
         .linear-gradient(#5c5c5c, #464646);
@@ -214,20 +191,24 @@
 
             .gnb-menus {
                 margin: 15px 10px 17px 34px;
+                
                 &.right {
+                    margin-top:9px;
+                    .dropdown-toggle { background:#fff !important; }
                     .sp-line { 
                         color:#626262 !important; 
                         opacity:1 !important; 
                     }
+                    .lnk-group {
+                        a { 
+                            color:#fff;
+                            &:hover { color:@primary; } 
+                        }
+                    }
                 }
-            }
-        }
-    }
-    
-    .d-link { 
-        color:#fff;
-        &:hover { color:@orange; } 
-    }
+            } /* gnb-menus */
+        } /* gnb-menu-wrap */
+    } /* gnb-inner */
     
     .page { padding:40px 39px 60px 39px; }
 }
@@ -1471,27 +1452,7 @@
         }
     }
 }
-/*
-.fake-file-wrap {
-    margin-top: 10px;
-    position: relative;
-    overflow: hidden;
-    
-    height:40px; display:block; clear:both;
-    
-    .file {
-        position: absolute; z-index:2;
-        cursor:pointer;
-        left: -15px;
-        .opacity(0);
-    }
-    
-    .ns-btn {
-        position:absolute; z-index:1;
-        display:block !important;
-    }
-}
-*/
+
 .cu-label {
     width: 80px;
     padding-right: 45px;
@@ -1524,23 +1485,33 @@
     ul { margin:0 !important; }
     li { line-height:40px; padding:0; .inline-block; }
 
-    .project-menu-wrap { padding:0px 0px; position:relative; height:40px; }
+    .project-menu-wrap { 
+        position:relative; height:40px; padding:0px 0px; 
+    }
+    
     .main { 
         background:#f9f9f9; text-align:center;
-        a { font-weight:bold; color:#777; padding:0 45px; position:relative; }
+        a { 
+            position:relative; padding:0 45px;
+            font-weight:bold; color:#777;
+            &:hover { color:@primary; text-decoration:underline; }
+        }
+        
         .highlight a { 
-            color:@orange !important;            
+            color:@primary !important;            
             &:after {
                 content:'';
                 position:absolute; z-index:199;
                 width:6px; height:6px; left:48%; top:22px;
                 .ico; .ico-arrow-up-gray;
-            } 
+            }
         }
     }
-    .sub  {
+    
+    .sub {
         border-top:1px solid #d4d5d7; z-index:100;
         background:#fff;
+        
         ul { 
             position:absolute; 
             &.on-home  { left:70px;  }
@@ -1554,6 +1525,7 @@
         a { font-weight:bold; color:#959595; padding:0 25px; font-size:11px; }
         .highlight a { color:#000 !important; }
     }
+    
     .sp-line { 
         width:1px; color:#d7d8d9; 
         padding:0; margin:0;
@@ -1685,14 +1657,6 @@
     &.board, &.user-setting {
         margin: 15px 0 10px;
         padding-right: 20px;
-        .filter {
-            /*
-             .opacity(70);
-            &.active {
-                .opacity(100);
-            }
-            */
-        }
     }    
 }
 
@@ -2776,17 +2740,7 @@
         border-left: 1px solid #ccc;
         background: #e8e8e8;
         background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f5f5f5), color-stop(100%,#e9e9e9));
-    }
-    
-    /*
-    &.expandDirectory {
-        .directory-wrap {
-            width:860px;
-        }
-        .sp-wrap { display:none !important; }
-        .file-wrap { display:none !important; }
-    }
-    */
+    }    
 }
 
 .code-view-table {
@@ -3203,22 +3157,6 @@
         color:#898989; margin-top:18px;
     }
 }
-/*
-.hive-tabs {
-    li {
-        a { 
-            padding-left:30px; padding-right:30px;
-            background:#ececec;
-            border:1px solid #D3D3D3;
-            .box-shadow(inset 0px 1px 1px #fff);
-        }
-        &.active a {
-            font-weight:bold;
-            letter-spacing:-1pt;
-        }
-    }
-}
-*/
 .code-tab, .plugin-tab {
     margin: 15px 0 20px;
 }
@@ -3231,54 +3169,4 @@
     &:last-child {
         margin-right:0;
     }
-}
-
-/** alertUI.scala.html **/
-/*
-.hiveDialog {
-    .border-radius(none);
-    border:10px solid #bebebe;
-    padding:16px 20px; width:500px;
-    
-    .btn-dismiss {
-        padding:0; margin:0; width:100%; text-align: right;
-        display:block; clear:both;
-        
-        button {
-            font-size:24px; font-weight:bold; color:#898989;
-            border:none; background:transparent;
-        }
-    }
-    
-    .message {
-        .msg {
-            text-align:center;
-            font-weight:bold; font-size:18px; 
-            margin-bottom:20px; line-height:1.5em;
-        }
-    }
-}
-*/
-/** Bootstrap **/
-    /*
-.dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a {
-    background-color:#878787 !important;
-    .linear-gradient(#878787, darken(#878787, 10%));
-}
-.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
-    color:#fff;
-    background-color:#878787 !important;
-    .linear-gradient(#878787, darken(#878787, 10%));    
-}
-textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
-    .box-shadow(none);
-    .border-radius(2px);
-}
-*/
-/*
-hr.dark-gray { border-top:1px solid #d4d4d4; }
-*/
-/*
-.alert { position:absolute; width:830px; top:0px; margin-left:auto; z-index:999; display:none; }
-form { margin:0 0 2px; }
-*/
+}
(No newline at end of file)
app/views/navbar.scala.html
--- app/views/navbar.scala.html
+++ app/views/navbar.scala.html
@@ -38,7 +38,7 @@
 						<li><a href="@routes.UserApp.userInfo(session.get("loginId"))">@Messages("userinfo.profile")</a></li>
 						<li><a href="@routes.UserApp.editUserInfoForm()">@Messages("userinfo.accountSetting")</a></li>
 						<li class="divider"></li>
-						<li><a href="@routes.UserApp.logout()" class="d-link signup">@Messages("title.logout")</a></li>
+						<li><a href="@routes.UserApp.logout()">@Messages("title.logout")</a></li>
 					</ul>
 				</div>
 				} else {
app/views/topmenu.scala.html
--- app/views/topmenu.scala.html
+++ app/views/topmenu.scala.html
@@ -14,36 +14,43 @@
 				 --><a href="@routes.ProjectApp.project(project.owner, project.name)">@project.name</a>
 			</h1>
 
-			<ul class="gnb-menus right unstyled">
-            	@if(session.contains("loginId")){
-                <li class="d-link-wrap d-link-l">
-                	<a href="@routes.UserApp.userInfo(session.get("loginId"))" class="d-link signin">
-                		<i><img src="@User.findByLoginId(session.get("loginId")).avatarUrl" width="22" height="22"></i>
-                		@session.get("loginId")
-                	</a>
-                </li>
-                <li class="sp-line">|</li>
-                <li class="d-link-wrap d-link-r">
-                	<a href="@routes.UserApp.logout()" class="d-link signup">@Messages("title.logout")</a>
-                </li>
-            	} else {
-                <li class="d-link-wrap d-link-l">
-                	<a href="@routes.UserApp.loginForm()" class="d-link signin">
-                		<i><img src="@routes.Assets.at("images/default-avatar-34.png")" width="22" height="22"></i>
+			<div class="gnb-menus right">
+				@if(session.contains("loginId")){
+                <div class="usermenu btn-group">
+					<button class="btn dropdown-toggle large" data-toggle="dropdown">
+						<div class="d-label">
+							<span class="avatar-wrap smaller">
+								<img src="@User.findByLoginId(session.get("loginId")).avatarUrl" width="20" height="20">
+							</span>
+							<span class="text">@session.get("loginId")</span>
+						</div>
+						<span class="d-caret"><span class="caret"></span></span>
+					</button>
+					<ul class="dropdown-menu">
+						<li><a href="@routes.UserApp.userInfo(session.get("loginId"))">@Messages("userinfo.profile")</a></li>
+						<li><a href="@routes.UserApp.editUserInfoForm()">@Messages("userinfo.accountSetting")</a></li>
+						<li class="divider"></li>
+						<li><a href="@routes.UserApp.logout()">@Messages("title.logout")</a></li>
+					</ul>
+				</div>
+				} else {
+				<div class="usermenu lnk-group">
+                	<a href="@routes.UserApp.loginForm()">
+                		<span class="avatar-wrap smaller">
+                			<img src="@routes.Assets.at("images/default-avatar-34.png")" width="20" height="20">
+                		</span>
                 		@Messages("title.login")
-                	</a>
-                </li>
-                <li class="sp-line">|</li>
-                <li class="d-link-wrap d-link-r">
-                	<a href="@routes.UserApp.signupForm()" class="d-link signup">@Messages("title.signup")</a>
-                </li>
-            	}
-                <li class="search-bar">
-                	<form action="@routes.ProjectApp.projects()" class="form-searchbar">
+                	</a><!-- 
+                 --><a href="@routes.UserApp.signupForm()">@Messages("title.signup")</a>
+				</div>
+				}
+			
+				<div class="search-bar">
+	               	<form action="@routes.ProjectApp.projects()" class="form-searchbar">
 						<input type="text" class="text" name="filter" autocomplete="off" accesskey="S"><!-- 
-			 		 --><button type="submit" class="ico ico-search"></button>
+					 --><button type="submit" class="ico ico-search"></button>
 					</form>
-                </li>
-            </ul>
+				</div>
+			</div>
         </div>
     </div>
(No newline at end of file)
app/views/user/info.scala.html
--- app/views/user/info.scala.html
+++ app/views/user/info.scala.html
@@ -3,14 +3,6 @@
 @import utils.TemplateHelper._
 
 @home(user.loginId, utils.MenuType.USER) {
-    @if(user != null && session != null && user.loginId == session.get("loginId")){
-		<div class="side-menu-wrap">
-		    <ul class="side-menus unstyled bg">
-		        <li class="side-menu"><a href="@routes.UserApp.editUserInfoForm()"><i class="ico ico-setting on"></i></a></li>
-		    </ul>
-		</div>
-    }
-
 
 <div class="page-wrap container">
 	<div class="page">
@@ -29,7 +21,6 @@
 				<div class="user-location info-box">
 					<p class="u-location">
 						<i class="ico ico-location"></i>@user.email
-						<!-- Seoul, Korea, South -->
 					</p>
 				</div>
 				
@@ -47,10 +38,6 @@
 				
 				<hr />
 				<div class="user-other-info info-box">
-					<!-- 
-			        <p><strong>FOCUS</strong></p>
-			        <p class="focuses">C#, JAVA, SQL, JAVASCRIPT</p>
-			         -->
 					<p class="since">
 						<strong>MEMBER SINCE</strong>
 					</p>
@@ -69,12 +56,12 @@
 			</div>
 
 			<div class="user-stream-box">
-				<!-- 
+				@**<!-- 
 				    <ul class="nav nav-tabs user-stream-tab hive-tabs">
 				        <li class="active"><a href="#">Repositories</a></li>
 				        <li><a href="#">Activities</a></li>
 				    </ul>
-     			-->
+     			-->**@
 				<div class="user-stream-wrap">
 					<div class="header-wrap" style="margin-top: 0;">
 						<div class="search-wrap user-setting">
@@ -95,6 +82,10 @@
 							<div class="header">
 								<a href="@routes.UserApp.userInfo(project.owner)">@project.owner</a> / <a href="@routes.ProjectApp.project(project.owner, project.name)" class="project-name">@project.name</a>
 								@if(!project.share_option){ <i class="ico ico-lock"></i> }
+								
+								@if(user != null && session != null && user.loginId == session.get("loginId")){
+								<!-- <a href="@routes.UserApp.leave(project.owner, project.name)" class="nbtn black small">탈퇴</a> -->
+								}
 							</div>
 							<div class="desc">@project.overview</div>
 							<p class="name-tag">
Add a comment
List