#53 customization css styles

This commit is contained in:
Nightblade73 2019-03-20 21:15:45 +04:00
parent cb673d8782
commit 89e0d1a291
3 changed files with 22 additions and 3 deletions

View File

@ -7,12 +7,28 @@
justify-content: center; justify-content: center;
} }
.conference-item:hover {
background-color: #eee;
}
.form-check { .form-check {
padding: 0; padding: 0;
} }
.form-check input { .form-check input {
margin: 10px; margin: 10px 5px;
}
.conference-info:hover {
cursor: pointer;
}
.conference-item:hover .form-check {
background-color: #ddd;
}
.conference-item:hover .form-check:hover {
background-color: #ccc;
} }

View File

@ -1,6 +1,6 @@
$(document).ready(function () { $(document).ready(function () {
$('tbody tr[data-href]').addClass('clickable').click( function() { $('.conference-info').click( function() {
window.location = $(this).attr('data-href'); window.location = $(this).attr('data-href');
}); });
}); });

View File

@ -23,7 +23,10 @@
<div class="form-check p-1 bd-highlight"> <div class="form-check p-1 bd-highlight">
<input class="" type="checkbox"/> <input class="" type="checkbox"/>
</div> </div>
<div class="conference-info p-1 flex-grow-1 bd-highlight d-flex"> <div class="form-check p-1 bd-highlight">
<input class="" type="checkbox"/>
</div>
<div class="conference-info p-1 flex-grow-1 bd-highlight d-flex" data-href="./conference">
<div class="conference-name p-1 flex-grow-1 bd-highlight">Конференция 1</div> <div class="conference-name p-1 flex-grow-1 bd-highlight">Конференция 1</div>
<div class="conference-date p-1 bd-highlight">01.01.1990</div> <div class="conference-date p-1 bd-highlight">01.01.1990</div>
</div> </div>