sebclem/ClaptrapBot
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases 1 Wiki Activity

Correct playlist graphical glitch

Browse Source
This commit is contained in:
Sebastien 2019-06-15 14:40:23 +02:00
parent 13c7816835
commit fd90df0559
1 changed files with 22 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/main/resources/templates/music.html
View File

@ -27,12 +27,21 @@
}
}
@media only screen and (min-width: 993px) {
#playlist_list {
max-height: 74vh;
#card-playlist {
max-height: 75vh;
overflow-y: scroll;
}
}
#card-playlist {
margin: 0;
padding: 0;
}
#card-playlist li:not(.active){
margin: 0;
}
#modalAdd {
height: 85% !important;
max-height: 100% !important;
@ -53,16 +62,16 @@
padding-right: 75px;
}
.scroll4::-webkit-scrollbar {
.scroll::-webkit-scrollbar {
width: 10px;
}
.scroll4::-webkit-scrollbar-thumb {
.scroll::-webkit-scrollbar-thumb {
background: #666;
border-radius: 20px;
}
.scroll4::-webkit-scrollbar-track {
.scroll::-webkit-scrollbar-track {
background: #ddd;
border-radius: 20px;
}
@ -178,10 +187,15 @@
<tbody>
<tr>
<td>
<ul id="playlist_list" class="collapsible popout scroll4" data-collapsible="accordion"
<div class="row card-panel scroll" id="card-playlist">
<div class="col s12" style="padding: 0">
<ul id="playlist_list" class="collapsible" data-collapsible="accordion"
style="margin: 0px">
</ul>
</div>
</div>
</td>
</tr>
@ -399,11 +413,6 @@
</main>
<footer class="page-footer" style="padding: 0">
<div th:replace="footer :: footer">...</div>
</footer>
<!-- Scripts-->
<script th:src="@{/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/js/materialize.js}"></script>