modified myhome right panel

media/css/seahub.css

@@ -197,6 +197,25 @@ ul.with-bg li {
     border-style: dashed dashed dashed solid;
     border-left-color: #bbb;
 }
+.info-item {
+    border: 1px solid #C5D5DD;
+    border-radius: 4px;
+    margin-bottom: 12px;
+}
+.info-item h3,
+.info-item p {
+    margin:0;
+}
+.info-item-top {
+    padding: 4px 10px;
+    background: #E6F1F6;
+    border-bottom: 1px solid #D8E6EC;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+}
+.info-item-bottom {
+    padding: 8px 10px;
+}
 
 /* container */
 #header, #main, #footer { width:950px; }
@@ -567,20 +586,21 @@ ul.with-bg li {
 /*myhome*/
 .home-profile .avatar {
     float:left;
-    margin:0 15px 0 11px;
+    margin:0 15px 0 9px;
 }
 .mygroup {
-    display:inline-block;
-    width:70px;
+    float:left;
+    width:66px;
     text-align:center;
     word-wrap:break-word;
     vertical-align:top;
     margin:0 0px 5px 0;
 }
-.mygroup .tip {
-    font-size: 0.9em;
-    color: #333;
+.mygroup a {
+    display:inline-block;
+    width:100%;
 }
+
 #repo-create,
 #contact-add,
 #group-add,

templates/myhome.html

@@ -5,8 +5,9 @@
 {% block nav_myhome_class %}class="cur"{% endblock %}
 
 {% block left_panel %}
-<h3>我的基本信息</h3>
-<div class="home-profile w100 ovhd">
+<div class="info-item">
+<h3 class="info-item-top">我的基本信息</h3>
+<div class="info-item-bottom home-profile ovhd">
     <a href="{{ SITE_ROOT }}profile/" class="no-deco">{% avatar myname 48 %}</a>
 {% if nickname %}
 <p class="fleft">{{ nickname }}</p>
@@ -14,10 +15,12 @@
 <p class="fleft">暂无昵称 <a href="{{ SITE_ROOT }}profile/"><img src="{{ MEDIA_URL }}img/edit_12.png" alt="编辑" title="编辑" /></a></p>
 {% endif %}
 </div>
+</div>
 
 {% if grpmsg_list or grpmsg_reply_list or orgmsg_list %}
-<h3>提醒...</h3>
-<ul>
+<div class="info-item">
+<h3 class="info-item-top">提醒...</h3>
+<ul class="info-item-bottom">
 {% if grpmsg_list %}
 <li>
     群组
@@ -34,10 +37,13 @@
 <li><a href="{% url 'org_msg' %}" class="no-bold">{{ orgmsg_list|length }}条团体消息</a></li>
 {% endif %}
 </ul>
+</div>
 {% endif %}
 
-<h3>已用空间</h3>
-<p>{{ quota_usage|filesizeformat }} {% if cloud_mode %}/ 2 GB {% endif %}</p>
+<div class="info-item">
+<h3 class="info-item-top">已用空间</h3>
+<p class="info-item-bottom">{{ quota_usage|filesizeformat }} {% if cloud_mode %}/ 2 GB {% endif %}</p>
+</div>
 
 <!-- 我的群组 -->
 {% with groups=joined_groups %}

templates/snippets/my_groups.html

@@ -1,16 +1,18 @@
 {% load group_avatar_tags %}
-<h3>我的群组</h3>
+<div class="info-item">
+<h3 class="info-item-top">我的群组</h3>
 {% if groups %}
-<ul>
+<ul class="info-item-bottom ovhd">
     {% for group in groups %}
     <li class="mygroup">
     <a href="{{ SITE_ROOT }}group/{{ group.props.id }}/" class="no-deco">
         <img src="{% grp_avatar_url group.props.id 48 %}" alt="{{ group.props.group_name }}的图标" title="{{ group.props.group_name }}" class="avatar" />
-    </a><br />
+    </a>
 	<a href="{{ SITE_ROOT }}group/{{ group.props.id }}/">{{ group.props.group_name }}</a>
 	</li>
     {% endfor %}
 </ul>
 {% else %}
-<p>暂无</p>
+<p class="info-item-bottom">暂无</p>
 {% endif %}
+</div>