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

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

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