haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-12 13:24:52 +00:00
Code Issues Releases Wiki Activity

[top nav] use 'hover' instead of 'click' to show group-list popup

Browse Source
This commit is contained in:
llj
2014-10-18 16:28:43 +08:00
parent a0abb77adf
commit a38fcffd34
2 changed files with 35 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
media/css/seahub.css
View File

@@ -1083,14 +1083,14 @@ textarea:-moz-placeholder {/* for FF */
margin:0 auto; margin:0 auto;
} }
#header { #header {
padding:16px 0; padding-top:16px;
background:#f4f4f7 url('../img/nav.png') center top repeat-x; background:#f4f4f7 url('../img/nav.png') center top repeat-x;
width:100%; width:100%;
font-size: 14px; font-size: 14px;
margin-bottom:40px; margin-bottom:40px;
} }
#header-inner { #header-inner {
height:32px; height:48px;
width:950px; width:950px;
margin:0 auto; margin:0 auto;
} }
@@ -1416,6 +1416,7 @@ textarea:-moz-placeholder {/* for FF */
#header .nav-item { #header .nav-item {
float: left; float: left;
height:21px; height:21px;
padding-bottom:19px;
margin:0 14px; margin:0 14px;
} }
.ru #header .nav-item { .ru #header .nav-item {

59
seahub/templates/base.html
View File

@@ -165,35 +165,40 @@ $('#info-bar .close').click(function() {
{% if grps %} {% if grps %}
$(function() { $(function() {
$('#top-nav-grp').after('<div id="top-nav-grp-info" class="top-info-popup hide"></div>').click(function() { var grp_nav = $('#top-nav-grp');
var grp_nav = $(this), grp_nav.after('<div id="top-nav-grp-info" class="top-info-popup hide"></div>').click(function() {
popup = $('#top-nav-grp-info');
if (!$.trim(popup.html())) {
var popup_con = '<ul id="top-nav-grp-list">';
{% for grp in grps %}
popup_con += '<li class="item" data-url="{% url "group_info" grp.id %}" title="{{ grp.group_name }}"> {% grp_avatar grp.id 36 %} <span class="vam">{{ grp.group_name|truncatechars:14 }}</span> <a href="{% url 'group_discuss' grp.id %}" title="{% trans "Discussion" %}" class="a vh fright"><img src="{{MEDIA_URL}}img/msgs.png" alt="" /></a> </li>';
{% endfor %}
popup_con += '</ul>';
popup_con += '<a href="{% url 'group_list' %}" class="item all-grp">{% trans "All Groups" %}</a>';
popup.html(popup_con);
$('.item', popup).hover(
function() {
$(this).addClass('hl').children('.a').removeClass('vh');
},
function() {
$(this).removeClass('hl').children('.a').addClass('vh');
}
)
.click(function() {
location.href = $(this).data('url');
});
}
popup.css({'right': (grp_nav.outerWidth() - popup.outerWidth())/6 * 5});
popup.toggleClass('hide');
return false; return false;
}); });
var popup = $('#top-nav-grp-info');
var popup_con = '<ul id="top-nav-grp-list">';
{% for grp in grps %}
popup_con += '<li class="item" data-url="{% url "group_info" grp.id %}" title="{{ grp.group_name }}"> {% grp_avatar grp.id 36 %} <span class="vam">{{ grp.group_name|truncatechars:14 }}</span> <a href="{% url 'group_discuss' grp.id %}" title="{% trans "Discussion" %}" class="a vh fright"><img src="{{MEDIA_URL}}img/msgs.png" alt="" /></a> </li>';
{% endfor %}
popup_con += '</ul>';
popup_con += '<a href="{% url 'group_list' %}" class="item all-grp">{% trans "All Groups" %}</a>';
popup.html(popup_con);
$('.item', popup).hover(
function() {
$(this).addClass('hl').children('.a').removeClass('vh');
},
function() {
$(this).removeClass('hl').children('.a').addClass('vh');
}
)
.click(function() {
location.href = $(this).data('url');
});
popup.css({'right': (grp_nav.outerWidth() - popup.outerWidth())/6 * 5});
grp_nav.parent('.nav-item').hover(
function() {
popup.removeClass('hide');
},
function() {
popup.addClass('hide');
}
);
}); });
{% endif %} {% endif %}