neoris/dizquetv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix #164 : Filler List getting compressed in Webkit (Safari)

Browse Source
This commit is contained in:
vexorian 2020-10-17 12:33:30 -04:00
parent 734636cb95
commit e864de124b
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/public/style.css
View File

@ -249,6 +249,17 @@ table.tvguide {
text-align: right;
}
.filler-list .list-group-item {
min-height: 1.5em;
}
.filler-list .list-group-item .title {
margin-right: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }

5
web/public/templates/filler-config.html
View File

@ -63,13 +63,14 @@
</div>
<div class="modal-body container list-group list-group-root" vs-repeat="options" dnd-list="content" ng-if="showList()">
<!--div class="modal-body container list-group list-group-root" vs-repeat="options" dnd-list="content" ng-if="showList()"-->
<div class="modal-body container list-group list-group-root filler-list" dnd-list="content" ng-if="showList()" >
<div class="list-group-item flex-container" style="cursor: default;" ng-repeat="x in content" dnd-draggable="x" dnd-moved="content.splice($index, 1)" dnd-effect-allowed="move">
<div class="program-start" >
{{durationString(x.duration)}}
</div>
<div ng-style="programSquareStyle(x, false)" />
<div style="margin-right: 5px;">
<div class="title" >
{{x.title}}
</div>
<div class="flex-pull-right">