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

Add icon to hide/show sidebar

Browse Source
This commit is contained in:
Frederic Guillot
2015-07-18 18:21:48 -04:00
parent e7ff62f5e3
commit 1bce737243
12 changed files with 162 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
assets/css/app.css
View File

@@ -1436,6 +1436,33 @@ span.task-board-date-overdue {
line-height: 1.8em;
}
.sidebar-collapsed .sidebar {
width: 10px;
padding-bottom: 0;
float: none;
}
.sidebar-collapsed .sidebar-content {
margin: 0;
margin-top: 15px;
width: 100%;
}
.sidebar-collapse {
text-align: right;
}
.sidebar-collapse a,
.sidebar-expand a {
color: #333;
text-decoration: none;
}
.sidebar-collapse a:hover,
.sidebar-expand a:hover {
color: #DF5353;
}
@media only screen and (max-width: 1024px) {
.sidebar {
width: 25%;
@@ -1455,7 +1482,7 @@ span.task-board-date-overdue {
.sidebar-content {
margin: 0;
margin-top: 20px;
margin-top: 15px;
width: 100%;
}
}

29
assets/css/src/sidebar.css
View File

@@ -27,6 +27,33 @@
line-height: 1.8em;
}
.sidebar-collapsed .sidebar {
width: 10px;
padding-bottom: 0;
float: none;
}
.sidebar-collapsed .sidebar-content {
margin: 0;
margin-top: 15px;
width: 100%;
}
.sidebar-collapse {
text-align: right;
}
.sidebar-collapse a,
.sidebar-expand a {
color: #333;
text-decoration: none;
}
.sidebar-collapse a:hover,
.sidebar-expand a:hover {
color: #DF5353;
}
@media only screen and (max-width: 1024px) {
.sidebar {
width: 25%;
@@ -46,7 +73,7 @@
.sidebar-content {
margin: 0;
margin-top: 20px;
margin-top: 15px;
width: 100%;
}
}

62
assets/js/app.js
View File

File diff suppressed because one or more lines are too long

20
assets/js/src/base.js
View File

@@ -253,6 +253,26 @@ var Kanboard = (function() {
$("form.search").submit();
});
// Collapse sidebar
$(document).on("click", ".sidebar-collapse", function (e) {
e.preventDefault();
$(".sidebar-container").addClass("sidebar-collapsed");
$(".sidebar-expand").show();
$(".sidebar h2").hide();
$(".sidebar ul").hide();
$(".sidebar-collapse").hide();
});
// Expand sidebar
$(document).on("click", ".sidebar-expand", function (e) {
e.preventDefault();
$(".sidebar-container").removeClass("sidebar-collapsed");
$(".sidebar-collapse").show();
$(".sidebar h2").show();
$(".sidebar ul").show();
$(".sidebar-expand").hide();
});
// Datepicker translation
$.datepicker.setDefaults($.datepicker.regional[$("body").data("js-lang")]);