Change the appearance of side-bars and simplify css rules due to old appearance

This commit is contained in:
Maël Solard
2014-08-12 17:49:20 +02:00
parent 8d28892046
commit 2a2a33c3ea
15 changed files with 54 additions and 103 deletions
@@ -19,5 +19,5 @@ $(document).ready(function() {
});
</script>
{% endblock %}
{% block leftcol %}<div class="well sidebar-nav">{% admin_menu left_selection user %}</div>{% endblock %}
{% block leftcol %}<div class="well">{% admin_menu left_selection user %}</div>{% endblock %}
{% block apparea %}<div id="settings_content"></div>{% endblock %}
+1 -1
View File
@@ -17,5 +17,5 @@ $(document).ready(function() {
});
</script>
{% endblock %}
{% block leftcol %}<div class="well sidebar-nav">{% uprefs_menu left_selection user %}</div>{% endblock %}
{% block leftcol %}<div class="well">{% uprefs_menu left_selection user %}</div>{% endblock %}
{% block apparea %}<div id="uprefs_content"></div>{% endblock %}
+2 -2
View File
@@ -63,7 +63,7 @@ def admin_menu(selection, user):
]
return render_to_string('common/menu.html', {
"entries": entries,
"css": "nav nav-list",
"css": "nav nav-pills nav-stacked",
"selection": selection,
"user": user
})
@@ -111,7 +111,7 @@ def uprefs_menu(selection, user):
entries = sorted(entries, key=lambda e: e["label"])
return render_to_string('common/menu.html', {
"entries": entries,
"css": "nav nav-list",
"css": "nav nav-pills nav-stacked",
"selection": selection,
"user": user
})
@@ -10,14 +10,12 @@ var admin;
</script>
{% endblock %}
{% block leftcol %}<div class="well">
<ul class="nav">
<div class="side-bar-responsive">
<li class="nav-header">{% trans "Filter" %}</li>
<li>{% include "admin/searchform.html" %}</li>
<li id="taglist"></li>
<li class="nav-header">{% trans "Actions" %}</li>
{% block actions %}{% endblock %}
</div>
<ul class="nav nav-pills nav-stacked">
<li class="nav-header">{% trans "Filter" %}</li>
<li>{% include "admin/searchform.html" %}</li>
<li id="taglist"></li>
<li class="nav-header">{% trans "Actions" %}</li>
{% block actions %}{% endblock %}
</ul>
</div>
{% get_extra_admin_content user "leftcol" selection %}
@@ -1,6 +1,6 @@
{% load i18n lib_tags %}
<div class="well sidebar-nav">
<ul class="nav nav-list">
<div class="well">
<ul class="nav nav-pills nav-stacked">
<li class="nav-header">{% trans "Resources usage" %}</li>{% for l in limits %}
<li class="resource">
{{ l.label }} ({{ l }})
@@ -71,7 +71,7 @@ $(document).ready(function() {
</script>
{% endblock %}
{% block leftcol %}
<div class="well sidebar-nav">
<div class="well">
<ul id="menu" class="nav nav-pills nav-stacked">
<li class="nav-header">{% trans "Filter sets" %}</li>
<li class="form-group col-lg-11 col-md-11 col-sm-11">
+1 -1
View File
@@ -91,7 +91,7 @@ def getfs(request, name):
fs=content
))
menu = '<ul id="fsetmenu" class="nav nav-list"><li class="nav-header">%s</li>%s</ul>' % \
menu = '<ul id="fsetmenu" class="nav nav-pills nav-stacked"><li class="nav-header">%s</li>%s</ul>' % \
(_("Actions"), fset_menu(editormode, name))
resp = dict(menu=menu, content=htmlcontent)
return render_to_json_response(resp)
@@ -25,44 +25,42 @@ $(document).ready(function() {
</script>
{% endblock %}
{% block leftcol %}
<div id="periods" class="well sidebar-nav">
<ul class="nav nav-list">
<div class="side-bar-responsive">
<li class="nav-header">
{% trans "Filter" %}
</li>
<li>
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span>
<input class="col-lg-10 form-control" id="searchquery" type="text" value="{% trans 'Search a domain' %}">
<div id="periods" class="well">
<ul class="nav nav-pills nav-stacked">
<li class="nav-header">
{% trans "Filter" %}
</li>
<li>
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span>
<input class="form-control" id="searchquery" type="text" value="{% trans 'Search a domain' %}">
</div>
</li>
<li class="nav-header">
{% trans "Predefined time ranges" %}
</li>
{% for p in periods %}<li class="period">
<a href="#" class="period_selector" data-period="{{ p.name }}">{% trans p.label %}</a>
</li>
{% endfor %}
<li class="nav-header">
{% trans "Custom time range" %}
</li>
<li>
<form class="form-horizontal">
<span id="custom-period">
<div class="input-group input-group-sm">
<div class="input-group-addon"><i class="glyphicon glyphicon-indent-left"></i></div>
<input id="id_from" class="col-lg-10 form-control" name="date_from" value="{{ start }}" type="text" readonly="readonly" />
</div>
</li>
<li class="nav-header">
{% trans "Predefined time ranges" %}
</li>
{% for p in periods %}<li class="period">
<a href="#" class="period_selector" data-period="{{ p.name }}">{% trans p.label %}</a>
</li>
{% endfor %}
<li class="nav-header">
{% trans "Custom time range" %}
</li>
<li>
<form class="form-horizontal">
<span id="custom-period">
<div class="input-group input-group-sm">
<div class="input-group-addon"><i class="glyphicon glyphicon-indent-left"></i></div>
<input id="id_from" class="col-lg-10 form-control" name="date_from" value="{{ start }}" type="text" readonly="readonly" />
</div>
<div class="input-group input-group-sm">
<div class="input-group-addon"><i class="glyphicon glyphicon-indent-right"></i></div>
<input id="id_to" class="col-lg-10 form-control" name="date_to" value="{{ end }}" type="text" readonly="readonly" />
</div>
<button class="btn btn-primary" id="customsend">{% trans "Apply" %}</button>
</span>
</form>
</li>
</div>
<div class="input-group input-group-sm">
<div class="input-group-addon"><i class="glyphicon glyphicon-indent-right"></i></div>
<input id="id_to" class="col-lg-10 form-control" name="date_to" value="{{ end }}" type="text" readonly="readonly" />
</div>
<button class="btn btn-primary pull-right" id="customsend">{% trans "Apply" %}</button>
</span>
</form>
</li>
</ul>
</div>
{% endblock %}
@@ -94,10 +94,6 @@ body, html {
overflow: auto;
}
#mboxes_container .nav-list .nav-list {
padding-right: 0;
}
#mboxes_container a[name=loadfolder] {
white-space: nowrap;
overflow: hidden;
@@ -178,10 +174,6 @@ td[name="date"] {
margin-bottom: 0px;
}
#folders li {
position: relative;
}
div.clickbox {
position: absolute;
left: 0px;
@@ -428,7 +428,7 @@ Webmail.prototype = {
inject_mailboxes: function($parent, mboxes) {
var $ul = $("<ul />", {
name: $parent.attr("name"),
'class': "hidden nav nav-list"
'class': "hidden nav nav-pills nav-stacked"
});
var $plink = $parent.children("a");
@@ -2,7 +2,7 @@
{% load i18n webmail_tags %}
{% block extrafields %}
<div id="folders2" class="well">
<ul class="nav nav-list">
<ul class="nav nav-pills nav-stacked">
<li class="nav-header">{% trans "Parent mailbox" %}</li>
{% print_mailboxes mboxes selected withunseen selectonly hdelimiter %}
</ul>
@@ -1,6 +1,6 @@
{% load i18n webmail_tags %}
<div id="mboxes_container">
<ul class="nav nav-list">
<ul class="nav nav-pills nav-stacked">
<li class="nav-header">{% trans "Mailboxes" %}</li>
{% print_mailboxes mboxes selected withunseen %}
</ul>
@@ -33,7 +33,7 @@ $(document).ready(function() {
{% block fixed_content %}
<div class="row">
<div id="leftcol" class="col-lg-2 col-md-3 col-ms-3 col-xs-0">
<div id="folders" class="well sidebar-nav">{{ mboxes }}</div>
<div id="folders" class="well">{{ mboxes }}</div>
</div>
<div id="rightcol" class="col-lg-10 col-md-12 col-ms-12 col-xs-12">
<div id="menubar" class="col-lg-12 col-md-12 col-ms-12 col-xs-12"></div>
@@ -173,7 +173,7 @@ def print_mailboxes(tree, selected=None, withunseen=False, selectonly=False, hde
extra_attrs, iclass, label)
if "sub" in mbox and len(mbox["sub"]):
result += "<ul name='%s' class='nav nav-list %s'>" % (mbox["path"], ul_state) \
result += "<ul name='%s' class='nav nav-pills nav-stacked %s'>" % (mbox["path"], ul_state) \
+ print_mailboxes(mbox["sub"], selected, withunseen, selectonly, hdelimiter) + "</ul>\n"
result += "</li>\n"
return result
-37
View File
@@ -65,19 +65,6 @@
text-decoration: none;
}
/* links */
a{
color: #0088CC;
}
a:hover{
color: #0088CC;
}
div.container-fluid div.row-fluid div.col-md-2 div.well ul.nav div.side-bar-responsive li a{
color: #0088CC;
}
/* Colapse Nav */
.navbar-inverse .navbar-toggle {
@@ -220,38 +207,14 @@ label{
/*left navSideBar */
div.container-fluid div.well{
padding:0;
}
.container-fluid .well .side-bar-responsive{
padding:16px;
}
.nav-header {
color: #959595;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
margin-top:10px;
margin-left: 6px;
}
.container-fluid .well .nav li{
display: block;
}
.container-fluid .well .nav > li > a:hover,
.container-fluid .well .nav > li > a:focus{
background-color: #0088CC;
color:white;
border-radius: 5px;
}
div.container-fluid div.row-fluid .well div.side-bar-responsive li:hover a{
color: #428BCA;
text-decoration: none;
}
.well ul.nav li a i.glyphicon{
color:black;
margin-right: 7px;