Style the list name the same as the list box/body
This commit is contained in:
parent
bc12c285a0
commit
c72b3d1669
|
@ -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]);
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Reference in New Issue