github-jwinterm/modoboa
1
0
Fork 0
mirror of https://github.com/jwinterm/modoboa.git synced 2026-10-18 05:51:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

New margins for listing in webmail index. Reduce the margin between "mailboxes" left side-bar and mails-listing

Browse Source
This commit is contained in:
Maël Solard
2014-08-13 16:55:43 +02:00
parent b7100ef2df
commit 163a94d6b9
2 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modoboa/extensions/webmail/static/webmail/js/webmail.js
+12 -5
View File
@@ -76,7 +76,8 @@ Webmail.prototype = {
});
$("#rightcol").css({
marginLeft: 200 + 48 + 'px'
marginLeft: 200 + 'px',
paddingRight: 90 + 'px'
});
}
@@ -89,6 +90,11 @@ Webmail.prototype = {
width: 35 + '%'
});
}
if ($( window ).width()>767){
$("tr td[name='from']").css({
width: 20 + '%'
});
}
if ($( window ).width()<1198){
$("#leftcol").addClass(
@@ -122,7 +128,8 @@ Webmail.prototype = {
});
$("#rightcol").css({
marginLeft: 200 + 48 + 'px'
marginLeft: 200 + 'px',
paddingRight: 90 + 'px'
});
}
});
@@ -145,17 +152,17 @@ Webmail.prototype = {
if ($( window ).width()>1198){
var width = ui.size.width;
$("#rightcol").css({
marginLeft: width + 48 + 'px'
marginLeft: width + 'px'
});
$("#folders").css({
width : width + 'px'
});
$("#rightcol").css({
paddingRight: width - 250 + 'px'
paddingRight: width - 110 + 'px'
});
if ($( window ).width()<1800){
$("#rightcol").css({
paddingRight: width - 180 + 'px'
paddingRight: width - 110 + 'px'
});
}
}
modoboa/extensions/webmail/templates/webmail/index.html
+2 -2
View File
@@ -32,10 +32,10 @@ $(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="leftcol" class="col-lg-1 col-md-3 col-ms-3 col-xs-0">
<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="rightcol" class="col-lg-11 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>
<div id="listing" class=""></div>
</div>