Style the list name the same as the list box/body

This commit is contained in:
Paul van Tilburg 2017-12-27 20:29:30 +01:00
parent bc12c285a0
commit c72b3d1669
2 changed files with 8 additions and 2 deletions

View File

@ -38,9 +38,12 @@ function triggerSelect(listId) {
console.debug('Switch selection to list ' + listId);
if (curList) {
$('.nav-link[data-list-id="' + curList.id + '"]').removeClass('active');
$('#listName').removeClass("border-" + borderColors[curList.index])
.removeClass("bg-" + bgColors[curList.index])
.removeClass("text-" + textColors[curList.index]);
$('#listHtml').removeClass("border-" + borderColors[curList.index])
.removeClass("bg-" + bgColors[curList.index])
.removeClass("text-" + textColors[curList.index])
.removeClass("text-" + textColors[curList.index]);
}
$('.nav-link[data-list-id="' + listId + '"]').addClass('active');
disableEditMode();
@ -55,6 +58,9 @@ function triggerSelect(listId) {
}).done(function(list) {
curList = list;
$('#listName').text('Lijst van ' + list.name)
.addClass("border-" + borderColors[list.index])
.addClass("bg-" + bgColors[list.index])
.addClass("text-" + textColors[list.index]);
$('#listHtml').addClass("border-" + borderColors[list.index])
.addClass("bg-" + bgColors[list.index])
.addClass("text-" + textColors[list.index]);

View File

@ -31,7 +31,7 @@
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h1 class="panel-title" id="listName"></h1>
<h1 class="panel-title border p-3 mb-0" id="listName"></h1>
</div>
<div class="panel-body border p-3" id="listHtml"></div>
<div class="panel-footer">