diff --git a/rhodecode/public/css/main.less b/rhodecode/public/css/main.less --- a/rhodecode/public/css/main.less +++ b/rhodecode/public/css/main.less @@ -109,6 +109,10 @@ ul.simple-list{ padding-bottom: @pagepadding; } +.wide-mode-wrapper { + max-width:2400px !important; +} + .wrapper { position: relative; max-width: @wrapper-maxwidth; diff --git a/rhodecode/public/js/src/rhodecode/comments.js b/rhodecode/public/js/src/rhodecode/comments.js --- a/rhodecode/public/js/src/rhodecode/comments.js +++ b/rhodecode/public/js/src/rhodecode/comments.js @@ -476,6 +476,19 @@ var CommentsController = function() { /* ajaxPOST(url, postData, success, failure); }; + this.toggleWideMode = function (node) { + if ($('#content').hasClass('wrapper')) { + $('#content').removeClass("wrapper"); + $('#content').addClass("wide-mode-wrapper"); + $(node).addClass('btn-success'); + } else { + $('#content').removeClass("wide-mode-wrapper"); + $('#content').addClass("wrapper"); + $(node).removeClass('btn-success'); + } + return false; + }; + this.toggleComments = function(node, show) { var $filediff = $(node).closest('.filediff'); if (show === true) { diff --git a/rhodecode/templates/codeblocks/diffs.html b/rhodecode/templates/codeblocks/diffs.html --- a/rhodecode/templates/codeblocks/diffs.html +++ b/rhodecode/templates/codeblocks/diffs.html @@ -540,6 +540,7 @@ from rhodecode.lib.diffs import NEW_FILE <%def name="render_diffset_menu()"> +
@@ -566,6 +567,10 @@ from rhodecode.lib.diffs import NEW_FILE class="btn" href="#" onclick="$('input[class=filediff-collapse-state]').prop('checked', true); return false">${_('Collapse All')} + ${_('Wide Mode')}