aboutsummaryrefslogtreecommitdiffstats
path: root/view
diff options
context:
space:
mode:
authorFabio Comuni <fabrix.xm@gmail.com>2011-07-25 17:12:42 +0200
committerFabio Comuni <fabrix.xm@gmail.com>2011-07-25 17:12:42 +0200
commit23d6339a4152759d8dcf68afc6e7dea652336d8c (patch)
tree6c67c9aa83b6f12759479d226fcf957befd10814 /view
parentba4ea589d00d8d79291191156a64e903b36509aa (diff)
downloadvolse-hubzilla-23d6339a4152759d8dcf68afc6e7dea652336d8c.tar.gz
volse-hubzilla-23d6339a4152759d8dcf68afc6e7dea652336d8c.tar.bz2
volse-hubzilla-23d6339a4152759d8dcf68afc6e7dea652336d8c.zip
change to some nav ids, notice in empty notifications popup
Diffstat (limited to 'view')
-rw-r--r--view/nav.tpl7
-rw-r--r--view/theme/quattro/style.css11
-rw-r--r--view/theme/quattro/style.less10
3 files changed, 20 insertions, 8 deletions
diff --git a/view/nav.tpl b/view/nav.tpl
index 454d7ebd0..5a8a904a6 100644
--- a/view/nav.tpl
+++ b/view/nav.tpl
@@ -5,7 +5,7 @@
</header>
<nav>
<ul>
- <li id="nav-user-link" class="nav-menu-icon"><a href="#" rel="#nav-user-menu" title="$sitelocation"><img src="http://localhost/~fabio/friendika/photo/52728a08b979618a787e43664bfbae98-6.jpg" alt="User"></a>
+ <li id="nav-user-linkmenu" class="nav-menu-icon"><a href="#" rel="#nav-user-menu" title="$sitelocation"><img src="http://localhost/~fabio/friendika/photo/52728a08b979618a787e43664bfbae98-6.jpg" alt="User"></a>
<ul id="nav-user-menu" class="menu-popup">
<li><a href="profile">Profile</a></li>
<li><a href="photos">Photos</a></li>
@@ -34,9 +34,10 @@
{{ endif }}
{{ if $nav.notifications }}
- <li id="nav-notifications-link" class="nav-menu-icon"><a href="#" rel="#nav-notifications-menu" title="$nav.notifications.1"><span class="icon s22 notify">$nav.notifications.1</span></a>
+ <li id="nav-notifications-linkmenu" class="nav-menu-icon"><a href="$nav.notifications.0" rel="#nav-notifications-menu" title="$nav.notifications.1"><span class="icon s22 notify">$nav.notifications.1</span></a>
<span id="notify-update" class="nav-notify"></span>
<ul id="nav-notifications-menu" class="menu-popup">
+ <li class="empty">Nothing new here</li>
</ul>
</li>
{{ endif }}
@@ -47,7 +48,7 @@
- <li id="nav-site-link" class="nav-menu-icon"><a href="#" rel="#nav-site-menu"><span class="icon s22 gear">Site</span></a>
+ <li id="nav-site-linkmenu" class="nav-menu-icon"><a href="#" rel="#nav-site-menu"><span class="icon s22 gear">Site</span></a>
<ul id="nav-site-menu" class="menu-popup">
{{ if $nav.settings }}<li><a class="$nav.settings.2" href="$nav.settings.0" title="$nav.settings.3">$nav.settings.1</a></li>{{ endif }}
{{ if $nav.admin }}<li><a class="$nav.admin.2" href="$nav.admin.0" title="$nav.admin.3" >$nav.admin.1</a></li>{{ endif }}
diff --git a/view/theme/quattro/style.css b/view/theme/quattro/style.css
index ec5231290..9ded41721 100644
--- a/view/theme/quattro/style.css
+++ b/view/theme/quattro/style.css
@@ -144,14 +144,14 @@ nav .nav-notify {
nav .nav-notify.show {
display: block;
}
-nav #nav-site-link {
+nav #nav-site-linkmenu {
float: right;
}
-nav #nav-site-link .menu-popup {
+nav #nav-site-linkmenu .menu-popup {
right: 0px;
left: auto;
}
-nav #nav-notifications-link.selected .icon.s22.notify {
+nav #nav-notifications-linkmenu.selected .icon.s22.notify {
background-image: url("../../../images/icons/notify_on_22.png");
}
ul.menu-popup {
@@ -183,6 +183,11 @@ ul.menu-popup li {
height: auto;
display: block;
}
+ul.menu-popup .empty {
+ padding: 5px;
+ text-align: center;
+ color: #9eabb0;
+}
#nav-notifications-menu {
width: 400px;
}
diff --git a/view/theme/quattro/style.less b/view/theme/quattro/style.less
index 53f833cfd..a2c1a1eae 100644
--- a/view/theme/quattro/style.less
+++ b/view/theme/quattro/style.less
@@ -188,12 +188,12 @@ nav {
- #nav-site-link {
+ #nav-site-linkmenu {
float: right;
.menu-popup{ right: 0px; left: auto; }
}
- #nav-notifications-link.selected .icon.s22.notify { background-image: url("../../../images/icons/notify_on_22.png") }
+ #nav-notifications-linkmenu.selected .icon.s22.notify { background-image: url("../../../images/icons/notify_on_22.png") }
}
@@ -213,6 +213,12 @@ ul.menu-popup {
a:hover { background-color: @Metalic1; }
.menu-sep { border-top: 1px solid @Metalic2; }
li { float: none; overflow: auto; height: auto; display: block; }
+
+ .empty {
+ padding: 5px;
+ text-align: center;
+ color: @Metalic2;
+ }
}
#nav-notifications-menu {