AS1024/Kanboard-Prod
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix flickering and column sizes.

Browse Source 
* Avoid flickering in default view mode, by properly setting the default (horizontal-scroll) layout
directly in CSS. This flickering was introduced with #675 pull request. This also fixes the layout
of the public board. Javascript is now used only to activate the 'compact' mode, thus still causing
a slight flickering, but in that mode only.
* Use fixed-layout on the table to improve layout and rendering speed.
* Slightly reduce the width of the swimlane header column, and make it fixed-width.
* Slightly simplify the Javascript/jQuery code for activating compact mode.

This is replaces pull request #688, with only the table layout fix, since I have no proper solution
for the scrolling problem.
This commit is contained in:
Francois Ferrand
2015-03-11 10:20:32 +01:00
parent d91b5d4aa3
commit 72681443a6
4 changed files with 32 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/js/src/board.js
View File

@@ -384,16 +384,16 @@ Kanboard.Board = (function() {
$(".filter-wide").show();
$(".filter-compact").hide();
$("#board-container").removeClass("board-container-wide").addClass("board-container-compact");
$("#board th,#board td").removeClass("board-column-wide").addClass("board-column-compact");
$("#board-container").addClass("board-container-compact");
$("#board th").addClass("board-column-compact");
}
else {
$(".filter-wide").hide();
$(".filter-compact").show();
$("#board-container").removeClass("board-container-compact").addClass("board-container-wide");
$("#board th,#board td").removeClass("board-column-compact").addClass("board-column-wide");
$("#board-container").removeClass("board-container-compact");
$("#board th").removeClass("board-column-compact");
}
}