DeokHong Kim (a.k.a insanehong) DeokHong Kim (a.k.a insanehong) 2014-05-22
ProjectHeader: Change background color to Translucent and position property to absolute
@6c45efd2da7722ca79c3a82d89e7edc92becef92
app/assets/stylesheets/less/_page.less
--- app/assets/stylesheets/less/_page.less
+++ app/assets/stylesheets/less/_page.less
@@ -33,6 +33,21 @@
 .gnb-outer {
     height:40px;
     background-color:#1d2d46;
+
+    &.project-header {
+        background-color: rgba(0, 0, 0, 0.35);
+        position: absolute;
+        width: 100%;
+        z-index: 10000;
+
+        .gnb-inner {
+            .logo {
+                &:before, &:after {
+                    display: none;
+                }
+            }
+        }
+    }
 }
 
 .gnb-inner {
@@ -229,9 +244,8 @@
 
 .project-header-outer {
     background-color: #565656;
-    height:80px;
-    background-clip: padding-box;
-    background-position: bottom;
+    height:120px;
+    background-position: center bottom;
     background-repeat: no-repeat;
     background-size: cover;
 
app/views/common/navbar.scala.html
--- app/views/common/navbar.scala.html
+++ app/views/common/navbar.scala.html
@@ -18,7 +18,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  **@
-@(menuType:utils.MenuType)
+@(menuType:utils.MenuType, isProject:Boolean)
 
 @import utils._
 
@@ -38,7 +38,7 @@
         </p>
     </div>
 </div>
-<header class="gnb-outer">
+<header class="gnb-outer @if(isProject) {project-header}">
     <div class="gnb-inner">
         <a href="@routes.Application.index()" class="logo"><h1 class="blind">@utils.Config.getSiteName</h1></a>
         <ul class="gnb-nav">
app/views/projectLayout.scala.html
--- app/views/projectLayout.scala.html
+++ app/views/projectLayout.scala.html
@@ -23,7 +23,7 @@
 @import utils._
 
 @layout(Messages(title) + " (" + project.name + ")")("prj") {
-    @common.navbar(menuType)
+    @common.navbar(menuType, true)
     
     @views.html.project.header(project)
 
app/views/siteLayout.scala.html
--- app/views/siteLayout.scala.html
+++ app/views/siteLayout.scala.html
@@ -23,7 +23,7 @@
 @import utils._
 
 @layout(Messages(title))(""){
-    @common.navbar(menuType)
+    @common.navbar(menuType, false)
 
     @if(menuType == utils.MenuType.SITE_HOME && UserApp.currentUser.isAnonymous){
         @index.partial_intro()
Add a comment
List