djsundog/ffplayout
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix css and scrolling

Browse Source
This commit is contained in:
jb-alvarado 2021-02-05 10:23:19 +01:00
parent a658b6fae3
commit dc22048e6e
3 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/scss/globals.scss
View File

@ -55,7 +55,7 @@
.duration { .duration {
float: right; float: right;
margin-right: 1em; margin-right: .5em;
} }
.form-control, .tags-list ul li div input, .custom-select, .custom-control-label::before { .form-control, .tags-list ul li div input, .custom-select, .custom-control-label::before {
@ -147,13 +147,17 @@
.browser-dur-col { .browser-dur-col {
min-width: 95px; min-width: 95px;
margin: 0; margin: 0;
padding: 0 5px 0 0; padding: 0 10px 0 0;
} }
.browser-div .ps { .player-browser-scroll {
height: calc(100% - 50px); height: calc(100% - 50px);
} }
.browser-div .media-browser-scroll {
height: 100%;
}
.playlist-container .ps { .playlist-container .ps {
height: 94.5%; height: 94.5%;
} }

4
pages/media.vue
View File

@ -31,7 +31,7 @@
<splitpanes class="browser-row default-theme pane-row"> <splitpanes class="browser-row default-theme pane-row">
<pane min-size="20" size="24"> <pane min-size="20" size="24">
<div class="browser-div"> <div class="browser-div">
<perfect-scrollbar :options="scrollOP"> <perfect-scrollbar :options="scrollOP" class="media-browser-scroll">
<b-list-group class="folder-list"> <b-list-group class="folder-list">
<b-list-group-item <b-list-group-item
v-for="folder in folderTree.tree[1]" v-for="folder in folderTree.tree[1]"
@ -67,7 +67,7 @@
color="#ff9c36" color="#ff9c36"
/> />
<div class="browser-div"> <div class="browser-div">
<perfect-scrollbar :options="scrollOP"> <perfect-scrollbar :options="scrollOP" class="media-browser-scroll">
<b-list-group class="files-list"> <b-list-group class="files-list">
<b-list-group-item <b-list-group-item
v-for="file in folderTree.tree[2]" v-for="file in folderTree.tree[2]"

7
pages/player.vue
View File

@ -122,7 +122,7 @@
</b-breadcrumb> </b-breadcrumb>
</div> </div>
<perfect-scrollbar> <perfect-scrollbar :options="scrollOP" class="player-browser-scroll">
<b-list-group> <b-list-group>
<b-list-group-item <b-list-group-item
v-for="folder in folderTree.tree[1]" v-for="folder in folderTree.tree[1]"
@ -336,7 +336,10 @@ export default {
videoOptions: {}, videoOptions: {},
previewOptions: {}, previewOptions: {},
previewComp: null, previewComp: null,
previewSource: '' previewSource: '',
scrollOP: {
suppressScrollX: true
}
} }
}, },