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

59
seahub/templates/base.html
View File

@@ -165,35 +165,40 @@ $('#info-bar .close').click(function() {
{% if grps %}
$(function() {
$('#top-nav-grp').after('<div id="top-nav-grp-info" class="top-info-popup hide"></div>').click(function() {
var grp_nav = $(this),
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');
var grp_nav = $('#top-nav-grp');
grp_nav.after('<div id="top-nav-grp-info" class="top-info-popup hide"></div>').click(function() {
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 %}