Some fixes for site menu

git-svn-id: http://code.elgg.org/elgg/trunk@8550 36083f99-b078-4883-b0ff-0f9b5a30f544

diff --git a/views/default/css/elements/modules.php b/views/default/css/elements/modules.php
index 7f11aa69edb734176c8ce678416fd5b1e4caf76f..d4707ed0884ce0667cfd051de65890e951b1fa51 100644 (file)
--- a/views/default/css/elements/modules.php
+++ b/views/default/css/elements/modules.php
@@ -67,11 +67,9 @@
        -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
        
-       
-       <?php //@todo cleaner way to do this? ?>
        position:absolute;
        right: 0px;
-       top: 35px;
+       top: 100%;
 }
 
 /* Featured */

diff --git a/views/default/css/elements/navigation.php b/views/default/css/elements/navigation.php
index d8c857b8c45b4f82cb5eb93408e799cbd7920e11..21df87f9fa557f5f6f8d0369a60790db30e56b44 100644 (file)
--- a/views/default/css/elements/navigation.php
+++ b/views/default/css/elements/navigation.php
@@ -118,6 +118,11 @@
        vertical-align:middle;
 }
 
+/* Allow inline image blocks in horizontal menus */
+.elgg-menu-hz .elgg-body:after {
+       content: '.';
+}
+
 /* ***************************************
        BREADCRUMBS
 *************************************** */
@@ -181,32 +186,37 @@
        SITE MENU
 *************************************** */
 .elgg-menu-site {
-       position: absolute;
-       height: 23px;
-       bottom: 0;
-       left: 0;
-       width: auto;
        z-index: 7000;
 }
-.elgg-menu-site > li {
-       display: inline-block;
-       margin-right: 1px;
-}
-.elgg-menu-site li {
-       height: 23px;
-}
-.elgg-menu-site a {
-       color: white;
+
+.elgg-menu-site > li > a {
        font-weight: bold;
        padding: 3px 13px 0px 13px;
        height: 20px;
 }
-.elgg-menu-site a:hover {
+
+.elgg-menu-site > li > a:hover {
        text-decoration: none;
 }
-.elgg-menu-site li.elgg-state-selected a,
-.elgg-menu-site li a:hover,
-.elgg-menu-site .elgg-more:hover a {
+
+
+.elgg-menu-site-default {
+       position: absolute;
+       bottom: 0;
+       left: 0;
+       height: 23px;
+}
+
+.elgg-menu-site-default > li {
+       float: left;
+       margin-right: 1px;
+}
+
+.elgg-menu-site-default > li > a {color: white}
+
+
+.elgg-menu-site-default > .elgg-state-selected > a,
+.elgg-menu-site-default > li:hover > a {
        background: white;
        color: #555555;
        -moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);
@@ -215,25 +225,11 @@
        -webkit-border-radius: 4px 4px 0 0;
 }
 
-.elgg-more > a:before {
-       content: "\25BC";
-       font-size:smaller;
-       margin-right: 4px;
-}
-
-.elgg-more > ul {
+.elgg-menu-site-more {
        display:none;
        position:relative;
        left: -1px;
-       top: -1px;
        width: 100%;
-}
-
-.elgg-more:hover > ul {
-       display:block;
-}
-
-.elgg-menu-site .elgg-more ul {
        z-index: 7000;
        min-width: 150px;
        border: 1px solid #999999;
@@ -243,10 +239,12 @@
        -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
 }
-.elgg-menu-site .elgg-more ul li {
+
+li:hover > .elgg-menu-site-more {
        display:block;
 }
-.elgg-menu-site .elgg-more:hover ul li a {
+
+.elgg-menu-site-more > li > a {
        background: white;
        color: #555555;
        -webkit-border-radius: 0;
@@ -254,14 +252,21 @@
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
 }
-.elgg-menu-site .elgg-more ul li a:hover {
+.elgg-menu-site-more > li > a:hover {
        background: #4690D6;
        color: white;
 }
-.elgg-menu-site .elgg-more ul li:last-child a,
-.elgg-menu-site .elgg-more ul li:last-child a:hover {
+.elgg-menu-site-more > li:last-child > a,
+.elgg-menu-site-more > li:last-child > a:hover {
        -moz-border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
+       border-radius: 0 0 4px 4px;
+}
+
+.elgg-more > a:before {
+       content: "\25BC";
+       font-size:smaller;
+       margin-right: 4px;
 }
 
 /* ***************************************
@@ -425,11 +430,6 @@
        color: #aaa;
 }
 
-/* Ick.  Allows the horizontal menu to hold image blocks without breaking */
-.elgg-menu-metadata .elgg-body:after {
-       content: '.';
-}
-
 /* ***************************************
        LONGTEXT
 *************************************** */

diff --git a/views/default/navigation/menu/site.php b/views/default/navigation/menu/site.php
index aa41840fef184883517c3f0ad2478ebe422dc7b5..1409f54af618754c5de0c119384816d71aea6894 100644 (file)
--- a/views/default/navigation/menu/site.php
+++ b/views/default/navigation/menu/site.php
@@ -18,7 +18,7 @@ if (isset($vars['menu']['more'])) {
        echo "<a title=\"$more\">$more</a>";
        
        echo elgg_view('navigation/menu/elements/section', array(
-               'class' => 'elgg-menu elgg-menu-site-more', 
+               'class' => 'elgg-menu elgg-menu-site elgg-menu-site-more', 
                'items' => $vars['menu']['more'],
        ));