[Notice] Announcing the End of Demo Server [Read me]
yona-projects / yona star
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
3312db1
6c45efd
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;
3312db1
6c45efd
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">
3312db1
6c45efd
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)
3312db1
6c45efd
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