made sliding settings more awesome

diff --git a/core/css/styles.css b/core/css/styles.css
index 70179b050b405b0141b8bf070c65f6d71157cbec..9da216a80d2b83897173628e3896d91131204fda 100644 (file)
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -2,7 +2,6 @@
  This file is licensed under the Affero General Public License version 3 or later.
  See the COPYING-README file. */
 
-
 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; cursor:default; }
 article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
 body { line-height:1.5; }
@@ -97,8 +96,8 @@ legend { padding:.2em; font-size:1.2em; }
 #navigation a { display:block; padding:.6em .5em .4em 2.5em; background:1em center no-repeat; border-bottom:1px solid #ddd; border-top:1px solid #fff; text-decoration:none; font-size:1.2em; color:#666; text-shadow:#f8f8f8 0 1px 0; }
 #navigation a.active, #navigation a:hover, #navigation a:focus, #navigation a.selected { background-color:#ccc; border-top:1px solid #c8c8c8; border-bottom:1px solid #ccc; color:#000; }
 #navigation #settings { position:absolute; bottom:3.5em; width:100%; }
-#navigation #expand { margin:0 0 .2em 1.2em; cursor:pointer; }
-#navigation #settings>span { position:relative; bottom:.4em; left:.2em; font-size:1.2em; color:#666; text-shadow:#f8f8f8 0 1px 0; }
+#expand { margin:0 0 .2em 1.2em; cursor:pointer; }
+#expand+span { position:relative; bottom:.4em; left:.2em; font-size:1.2em; color:#666; text-shadow:#f8f8f8 0 1px 0; }
 
 /* USER SETTINGS ------------------------------------------------------------ */
 #quota_indicator { margin:0 4em 1em 0; padding:0; border:1px solid #ccc; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }

diff --git a/core/js/js.js b/core/js/js.js
index aef3ad1accaaff3b2f71c45260daf90a6d3658cb..f4756d97b25d660fb24ac3991eb9d1b4f6e674ca 100644 (file)
--- a/core/js/js.js
+++ b/core/js/js.js
@@ -266,14 +266,12 @@ $(document).ready(function(){
                }
        });
 
-       if($('body').attr("id")=="body-user") { $('#settings li').hide(); }
-       $('#expand').click(function() {
-               $('#settings li').slideToggle();
+       if($('body').attr("id")=="body-user") { $('#settings #expanddiv').hide(); }
+       $('#settings #expand').click(function() {
+               $('#settings #expanddiv').slideToggle();
        });
-       $('#expand').hover(function(){
-               $('#navigation #settings>span').fadeIn();
-       },function(){
-               $('#navigation #settings>span').fadeOut();
+       $('#settings #expand').hover(function(){
+               $('#settings #expand+span').fadeToggle();
        })
 });
 

diff --git a/core/templates/layout.user.php b/core/templates/layout.user.php
index 3b065ef6ede453017a894f0f4243d01507bf07d8..f172e894e76bf448322ad331d175f245ec0c90d9 100644 (file)
--- a/core/templates/layout.user.php
+++ b/core/templates/layout.user.php
@@ -50,9 +50,11 @@
                                        </li>
                                <?php endforeach; ?>
                        </ul>
+
                        <ul id="settings">
                                <img id="expand" class='svg' src="<?php echo image_path('', 'actions/settings.svg'); ?>" />
                                <span style="display:none"><?php echo $l->t('Settings');?></span>
+                               <div id="expanddiv">
                                <?php foreach($_['settingsnavigation'] as $entry):?>
                                        <li><a style="background-image:url(<?php echo $entry['icon']; ?>)" href="<?php echo $entry['href']; ?>" title="" <?php if( $entry["active"] ): ?> class="active"<?php endif; ?>><?php echo $entry['name'] ?></a></li>
                                        <?php if( sizeof( $entry["subnavigation"] )): ?>
@@ -61,6 +63,7 @@
                                                <?php endforeach; ?>
                                        <?php endif; ?>
                                <?php endforeach; ?>
+                               </div>
                        </ul>
                </div></nav>