kallithea Changeset - d561eb3787f5

Changeset - d561eb3787f5

Parent rev.

Child rev.

[Not reviewed]

beta

0 2 0

Mads Kiilerich - 13 years ago 2013-01-31 23:27:21
madski@unity3d.com

header: don't use fixed position

A fixed div at the top prevents anchors and pageup/pagedown from working
correctly ... and it is not like the top menu items are used all the time -
next/previous page links would be more relevant to show in a fixed position.

made the upper menu as a dropdown to old fixed mode by clicking upper
semi transparent bar

2 files changed with 30 insertions and 7 deletions:

rhodecode/public/css/style.css

rhodecode/templates/base/base.html

0 comments (0 inline, 0 general)

rhodecode/public/css/style.css

➞

Show inline comments

@@ @@ -243,8 +243,6 @@ div:hover > a.permalink { @@
+}
 #header {
     margin: 0;
     padding: 0 10px;
+}
 #header ul#logged-user {
@@ @@ -310,6 +308,26 @@ div:hover > a.permalink { @@
 #header ul#logged-user li.highlight a:hover {
     color: #FFF;
+}
 #header-dd {
     clear: both;
     position: fixed !important;
     background-color: #003B76;
     opacity: 0.01;
     cursor: pointer;
     min-height: 10px;
     width: 100% !important;
     -webkit-border-radius: 0px 0px 4px 4px;
     -khtml-border-radius: 0px 0px 4px 4px;
     -moz-border-radius: 0px 0px 4px 4px;
     border-radius: 0px 0px 4px 4px;
+}
 #header-dd:hover{
 	opacity: 0.2;
     -webkit-transition: opacity 0.5s ease-in-out;
     -moz-transition: opacity 0.5s ease-in-out;
     transition: opacity 0.5s ease-in-out;
+}
 #header #header-inner {
     min-height: 44px;
@@ @@ -335,14 +353,13 @@ div:hover > a.permalink { @@
     border-radius: 4px 4px 4px 4px;
+}
 #header #header-inner.hover {
     position: fixed !important;
     width: 100% !important;
     margin-left: -10px !important;
     z-index: 10000;
     -webkit-border-radius: 0px 0px 0px 0px;
     -khtml-border-radius: 0px 0px 0px 0px;
     -moz-border-radius: 0px 0px 0px 0px;
     border-radius: 0px 0px 0px 0px;
     position: fixed !important;
     z-index: 10000;
+}
 .ie7 #header #header-inner.hover,
@@ @@ -3485,7 +3502,7 @@ div.gravatar img { @@
 #content {
     clear: both;
     overflow: hidden;
-    padding: 54px 10px 14px 10px;
+    padding: 10px 10px 14px 10px;
+}
 #content div.box div.title div.search {

rhodecode/templates/base/base.html

➞

Show inline comments

@@ @@ -2,8 +2,9 @@ @@
 <%inherit file="root.html"/>
 <!-- HEADER -->
 <div id="header-dd"></div>
 <div id="header">
-    <div id="header-inner" class="title hover">
     <div id="header-inner" class="title">
         <div id="logo">
             <h1><a href="${h.url('home')}">${c.rhodecode_name}</a></h1>
         </div>
@@ @@ -357,5 +358,10 @@ @@
+      }
       return false;
      });
      YUE.on('header-dd', 'click',function(e){
          YUD.addClass('header-inner', 'hover');
      });
 </script>
 </%def>

0 comments (0 inline, 0 general)