mirror of
https://github.com/jwinterm/modoboa.git
synced 2026-10-18 05:51:26 +02:00
Change the appearance of side-bars and simplify css rules due to old appearance
This commit is contained in:
@@ -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 %}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user