1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-19 01:44:13 +00:00

[repo-share-popup] redesigned ui

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

View File

@@ -1030,15 +1030,14 @@ textarea:-moz-placeholder {/* for FF */
#repo-share-tabs {
margin-bottom:0;
}
#tabs-nav,
#repo-share-tabs-nav {
#tabs-nav {
padding:0;
}
#repo-share-tabs-nav {
height:30px;
padding:0 0 0 12px;
border-bottom:1px solid #ddd;
border-radius:0;
margin-bottom:10px;
}
#tabs-nav li {
float:left;
@@ -1069,23 +1068,14 @@ textarea:-moz-placeholder {/* for FF */
color:#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 {
color:#DD4B39;
}
#repo-share-tabs-nav li a:hover {
color:#333;
}
#tabs .ui-tabs-panel,
#repo-share-tabs .ui-tabs-panel {
#tabs .ui-tabs-panel {
padding:0;
}
#repo-share-tabs .option-list {
@@ -1517,14 +1507,43 @@ textarea:-moz-placeholder {/* for FF */
#member-add-form {
width:266px;
}
#repo-share-form {
width:320px;
.tab-popup {
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 {
width:314px;
}
#repo-share-form .share-permission-select {
width:100%;
width:98.5%;
}
/* group-join-form */
#id_group_join_msg {

View File

@@ -15,7 +15,7 @@
$(".repo-share-btn").click(function() {
$("#repo_id").val($(this).data("id"));
$("#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();
$('#simplemodal-container').css('height', 'auto');
addAutocomplete('#email_or_group', '#repo-share-form', share_list);

View File

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