1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-08-18 15:08:22 +00:00

[group list] redesigned it

This commit is contained in:
llj 2014-01-24 15:05:43 +08:00
parent 6f42d7b061
commit fd633e6e21
4 changed files with 16 additions and 10 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

View File

@ -1749,6 +1749,9 @@ textarea:-moz-placeholder {/* for FF */
height:80px; height:80px;
} }
/* group, org */ /* group, org */
.group-hl {
background:#fbfbfb;
}
.group-list, .group-list,
.user-list { .user-list {
margin-top:30px; margin-top:30px;
@ -1761,7 +1764,9 @@ textarea:-moz-placeholder {/* for FF */
margin:0 17px 30px 0; margin:0 17px 30px 0;
} }
.group-list .group { .group-list .group {
margin-bottom:25px; width:310px;
padding:10px;
margin-bottom:20px;
} }
.group-list .group, .group-list .group,
.user-list .user { .user-list .user {
@ -1772,6 +1777,9 @@ textarea:-moz-placeholder {/* for FF */
color:#333; color:#333;
width:250px; width:250px;
} }
.group .txt {
width:240px;
}
.group h4 { .group h4 {
margin:0 0 4px; margin:0 0 4px;
} }
@ -1785,16 +1793,12 @@ textarea:-moz-placeholder {/* for FF */
} }
.group .fast .a { .group .fast .a {
font-size:18px; font-size:18px;
color:#FEAC74; margin:8px 12px 0 0;
margin-right:5px;
display:inline-block; display:inline-block;
vertical-align:middle; vertical-align:middle;
line-height:24px; line-height:24px;
height:24px; height:24px;
} }
.group .fast .discuss {
margin-top:-2px; /* for vertical alignment */
}
.group .fast .a:hover { .group .fast .a:hover {
text-decoration:none; text-decoration:none;
} }

View File

@ -22,9 +22,11 @@
$('.group').hover( $('.group').hover(
function() { function() {
$(this).addClass('group-hl');
$('.fast', $(this)).removeClass('vh'); $('.fast', $(this)).removeClass('vh');
}, },
function() { function() {
$(this).removeClass('group-hl');
$('.fast', $(this)).addClass('vh'); $('.fast', $(this)).addClass('vh');
} }
); );

View File

@ -7,16 +7,16 @@
<ul class="group-list w100 ovhd"> <ul class="group-list w100 ovhd">
{% for group in joined_groups %} {% for group in joined_groups %}
<li class="group ovhd"> <li class="group ovhd">
<a href="{{ SITE_ROOT }}group/{{ group.props.id }}/" class="no-deco fleft" title="{{ group.props.group_name }}">{% grp_avatar group.props.id 56 %}</a> <a href="{{ SITE_ROOT }}group/{{ group.props.id }}/" class="no-deco fleft" title="{{ group.props.group_name }}">{% grp_avatar group.props.id 48 %}</a>
<div class="txt fright"> <div class="txt fright">
<h4><a href="{% url 'group_info' group.props.id %}">{{ group.props.group_name }}</a></h4> <h4><a href="{% url 'group_info' group.props.id %}">{{ group.props.group_name }}</a></h4>
<p><span class="item-name">{% trans "Creator: " %}</span>{{ group.props.creator_name }}</p> <p><span class="item-name">{% trans "Creator: " %}</span>{{ group.props.creator_name }}</p>
<p><span class="item-name">{% trans "Time: "%}</span>{{ group.props.timestamp|tsstr_sec }}</p> <p><span class="item-name">{% trans "Time: "%}</span>{{ group.props.timestamp|tsstr_sec }}</p>
<div class="fast vh"> <div class="fast vh">
<a href="{% url 'group_info' group.props.id %}" title="{% trans "Libraries" %}" class="a"><span class="sf2-icon-archive"></span></a> <a href="{% url 'group_info' group.props.id %}" title="{% trans "Libraries" %}" class="a"><img src="{{MEDIA_URL}}img/lib.png" alt="" /></a>
<a href="{% url 'group_discuss' group.props.id %}" title="{% trans "Discussion" %}" class="a discuss"><span class="icon-comment"></span></a> <a href="{% url 'group_discuss' group.props.id %}" title="{% trans "Discussion" %}" class="a"><img src="{{MEDIA_URL}}img/msgs.png" alt="" /></a>
{% if group.wiki_enabled %} {% if group.wiki_enabled %}
<a href="{% url 'group_wiki' group.props.id %}" title="{% trans "Wiki" %}" class="a"><span class="icon-book"></span></a> <a href="{% url 'group_wiki' group.props.id %}" title="{% trans "Wiki" %}" class="a"><img src="{{MEDIA_URL}}img/wiki.png" alt="" /></a>
{% endif %} {% endif %}
</div> </div>
</div> </div>