haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-20 10:58:33 +00:00
Code Issues Releases Wiki Activity

[repo-share-popup] redesigned ui

Browse Source
This commit is contained in:
llj
2013-06-27 13:55:22 +08:00
parent 21d43caa8c
commit 5664c6fe24
3 changed files with 52 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
media/css/seahub.css
View File

@@ -1030,15 +1030,14 @@ textarea:-moz-placeholder {/* for FF */
#repo-share-tabs { #repo-share-tabs {
margin-bottom:0; margin-bottom:0;
} }
#tabs-nav, #tabs-nav {
#repo-share-tabs-nav {
padding:0; padding:0;
} }
#repo-share-tabs-nav { #repo-share-tabs-nav {
height:30px; height:30px;
padding:0 0 0 12px;
border-bottom:1px solid #ddd; border-bottom:1px solid #ddd;
border-radius:0; border-radius:0;
margin-bottom:10px;
} }
#tabs-nav li { #tabs-nav li {
float:left; float:left;
@@ -1069,23 +1068,14 @@ textarea:-moz-placeholder {/* for FF */
color:#DD4B39; color:#DD4B39;
border-bottom:2px solid #DD4B39; border-bottom:2px solid #DD4B39;
} }
#repo-share-tabs-nav .ui-state-active {
border-color:#ddd;
border-radius:3px 3px 0 0;
background:#fff;
margin-bottom:-1px;
}
#repo-share-tabs-nav .ui-state-active a {
font-weight:bold;
}
#tabs-nav li a:hover { #tabs-nav li a:hover {
color:#DD4B39; color:#DD4B39;
} }
#repo-share-tabs-nav li a:hover { #repo-share-tabs-nav li a:hover {
color:#333; color:#333;
} }
#tabs .ui-tabs-panel, #tabs .ui-tabs-panel {
#repo-share-tabs .ui-tabs-panel {
padding:0; padding:0;
} }
#repo-share-tabs .option-list { #repo-share-tabs .option-list {
@@ -1517,14 +1507,43 @@ textarea:-moz-placeholder {/* for FF */
#member-add-form { #member-add-form {
width:266px; width:266px;
} }
#repo-share-form { .tab-popup {
width:320px; width:400px;
}
.tab-popup .hd {
padding-left:12px;
}
#repo-share-tabs-nav .ui-state-active {
border-color:#ddd;
margin-bottom:-1px;
}
#repo-share-tabs-nav .ui-state-active,
.tab-popup .ui-tabs ,
.tab-popup .ui-state-active a {
background:#fafafa;
}
#repo-share-tabs-nav .ui-state-active,
.tab-popup .ui-state-active a {
border-radius:3px 3px 0 0;
}
.tab-popup .ui-tabs-nav {
background:#fff;
}
.tab-popup .ui-state-active a {
font-weight:bold;
}
.tab-popup .bot {
padding:1em 1.4em;
background:#f8f7f8;
border-top:1px solid #eee;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.tab-popup .tip {
margin:0;
} }
#email_or_group { #email_or_group {
width:314px; width:98.5%;
}
#repo-share-form .share-permission-select {
width:100%;
} }
/* group-join-form */ /* group-join-form */
#id_group_join_msg { #id_group_join_msg {

2
seahub/templates/snippets/myhome_extra_script.html
View File

@@ -15,7 +15,7 @@
$(".repo-share-btn").click(function() { $(".repo-share-btn").click(function() {
$("#repo_id").val($(this).data("id")); $("#repo_id").val($(this).data("id"));
$("#repo-share-form .op-target").html($(this).data("name")); $("#repo-share-form .op-target").html($(this).data("name"));
$("#repo-share-form").modal({appendTo: "#main", focus:false}); $("#repo-share-form").modal({appendTo: "#main", focus:false, containerCss:{"padding": "10px 0 0"}});
$('#repo-share-tabs').tabs(); $('#repo-share-tabs').tabs();
$('#simplemodal-container').css('height', 'auto'); $('#simplemodal-container').css('height', 'auto');
addAutocomplete('#email_or_group', '#repo-share-form', share_list); addAutocomplete('#email_or_group', '#repo-share-form', share_list);

22
seahub/templates/snippets/repo_share_form.html
View File

@@ -1,7 +1,6 @@
{% load i18n avatar_tags group_avatar_tags %} {% load i18n avatar_tags group_avatar_tags %}
<form id="repo-share-form" action="{{ post_url }}" method="post" name="repo-share-form" class="hide">{% csrf_token %} <form id="repo-share-form" action="{{ post_url }}" method="post" name="repo-share-form" class="tab-popup hide">{% csrf_token %}
<h3>{% trans "Share Library"%}</h3> <h3 class="hd">{% trans 'Share <span class="op-target"></span> '%}</h3>
<p>{% trans 'Share <span class="op-target"></span> to' %}</p>
<div id="repo-share-tabs"> <div id="repo-share-tabs">
<ul id="repo-share-tabs-nav"> <ul id="repo-share-tabs-nav">
<li><a href="#share-enter">{% trans 'Enter' %}</a></li> <li><a href="#share-enter">{% trans 'Enter' %}</a></li>
@@ -43,11 +42,14 @@
</ul> </ul>
</div> </div>
</div> </div>
<select name="permission" class="share-permission-select">
<option value="rw" selected="selected">{% trans "Read-Write"%}</option> <div class="bot">
<option value="r">{% trans "Read-Only"%}</option> <select name="permission" class="share-permission-select w100">
</select> <option value="rw" selected="selected">{% trans "Read-Write"%}</option>
<input id="repo_id" type="hidden" name="repo_id" value="" /> <option value="r">{% trans "Read-Only"%}</option>
<p class="error hide"></p> </select>
<input type="submit" value="{% trans "Submit"%}" id="share-submit-btn" /> <input id="repo_id" type="hidden" name="repo_id" value="" />
<p class="error hide"></p>
<input type="submit" value="{% trans "Submit"%}" id="share-submit-btn" />
</div>
</form> </form>