Limit size of the playlist on web view

This commit is contained in:
Sebastien 2018-12-02 16:19:00 +02:00
parent e528b7cb4a
commit 656f98cd13

View File

@ -26,6 +26,12 @@
width: 80%; width: 80%;
} }
} }
@media only screen and (min-width: 993px) {
#playlist_list {
max-height: 74vh;
overflow-y: scroll;
}
}
#modalAdd { #modalAdd {
height: 85% !important; height: 85% !important;
@ -47,6 +53,20 @@
padding-right: 75px; padding-right: 75px;
} }
.scroll4::-webkit-scrollbar {
width: 10px;
}
.scroll4::-webkit-scrollbar-thumb {
background: #666;
border-radius: 20px;
}
.scroll4::-webkit-scrollbar-track {
background: #ddd;
border-radius: 20px;
}
</style> </style>
</head> </head>
@ -158,7 +178,7 @@
<tbody> <tbody>
<tr> <tr>
<td> <td>
<ul id="playlist_list" class="collapsible popout" data-collapsible="accordion" <ul id="playlist_list" class="collapsible popout scroll4" data-collapsible="accordion"
style="margin: 0px"> style="margin: 0px">
</ul> </ul>
@ -271,7 +291,7 @@
<!-- Playlist template--> <!-- Playlist template-->
<li id="playlist_template" style="visibility: hidden"> <li id="playlist_template" style="visibility: hidden; display: none">
<div class="collapsible-header"><i class="material-icons">drag_handle</i>@title</div> <div class="collapsible-header"><i class="material-icons">drag_handle</i>@title</div>
<div class="collapsible-body"> <div class="collapsible-body">
<ul class="collection"> <ul class="collection">
@ -369,7 +389,7 @@
</div> </div>
<p id="radioTemplate" class="" style="visibility: hidden"> <p id="radioTemplate" class="" style="visibility: hidden; display: none">
<label> <label>
<input name="vocalRadio" class="with-gap" type="radio" value="@id" id="@id"/> <input name="vocalRadio" class="with-gap" type="radio" value="@id" id="@id"/>
<span for="@id">@name</span> <span for="@id">@name</span>