@sedoo/unidoo 0.0.70 → 0.0.74
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/unidoo.common.js +151 -144
- package/dist/unidoo.common.js.map +1 -1
- package/dist/unidoo.umd.js +151 -144
- package/dist/unidoo.umd.js.map +1 -1
- package/dist/unidoo.umd.min.js +1 -1
- package/dist/unidoo.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/unidoo-player/image-viewer/image-viewer.vue +1 -1
- package/src/components/unidoo-player/level-selector/level-selector-row.vue +0 -2
- package/src/components/unidoo-player/unidoo-player-layout/UnidooPlayerLayout.vue +37 -7
package/package.json
CHANGED
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
|
|
7
7
|
<span line v-if="options && options.length > 0">
|
|
8
8
|
<span v-for="item in options"
|
|
9
|
-
value
|
|
10
9
|
:key="item.value"
|
|
11
10
|
:title="item.legend"
|
|
12
11
|
:class="'level ' + ((availableOptions.includes(item.value)) ? 'clickable-level ' : 'disabled-level ') + focus(item.value)"
|
|
@@ -15,7 +14,6 @@
|
|
|
15
14
|
</span>
|
|
16
15
|
<span line v-else>
|
|
17
16
|
<span v-for="item in availableOptions"
|
|
18
|
-
value
|
|
19
17
|
:key="item.value"
|
|
20
18
|
:title="item.legend"
|
|
21
19
|
:class="'level ' + 'clickable-level ' + focus(item.value)"
|
|
@@ -88,14 +88,23 @@
|
|
|
88
88
|
<v-divider style="order: 3;"></v-divider>
|
|
89
89
|
|
|
90
90
|
<v-row player-part :style="{ order: ((playerBarTop) ? 4 : 2) }">
|
|
91
|
-
|
|
91
|
+
|
|
92
92
|
<v-list-item player-layout-displayer v-if="clickableFrame" :ripple="false" @click="playOrStopFrame">
|
|
93
|
-
|
|
94
|
-
|
|
93
|
+
<div viewer-container>
|
|
94
|
+
<div viewer-slot-container>
|
|
95
|
+
<slot name="displayer"></slot>
|
|
96
|
+
</div>
|
|
97
|
+
</div>
|
|
95
98
|
|
|
96
99
|
</v-list-item>
|
|
97
100
|
|
|
98
|
-
<
|
|
101
|
+
<div v-else player-layout-displayer >
|
|
102
|
+
<div viewer-container>
|
|
103
|
+
<div viewer-slot-container>
|
|
104
|
+
<slot name="displayer"></slot>
|
|
105
|
+
</div>
|
|
106
|
+
</div>
|
|
107
|
+
</div>
|
|
99
108
|
|
|
100
109
|
</v-row>
|
|
101
110
|
|
|
@@ -146,7 +155,7 @@ export default {
|
|
|
146
155
|
},
|
|
147
156
|
|
|
148
157
|
subBodyStyle(){
|
|
149
|
-
const vh = (this.isZoomed) ? '
|
|
158
|
+
const vh = (this.isZoomed) ? '65vh' : '40vh';
|
|
150
159
|
return { gridTemplateRows: ((this.playerBarTop) ? '10px 140px 10px ' + vh + ' 10px' : '10px ' + vh + ' 10px 140px 10px')};
|
|
151
160
|
}
|
|
152
161
|
|
|
@@ -502,6 +511,26 @@ export default {
|
|
|
502
511
|
|
|
503
512
|
[player-part] [player-layout-displayer] {
|
|
504
513
|
height: 100%;
|
|
514
|
+
width: 100%;
|
|
515
|
+
}
|
|
516
|
+
|
|
517
|
+
[player-layout] [viewer-container] {
|
|
518
|
+
display: flex;
|
|
519
|
+
height: inherit;
|
|
520
|
+
width: 100%;
|
|
521
|
+
overflow: auto;
|
|
522
|
+
}
|
|
523
|
+
|
|
524
|
+
[player-layout] [viewer-container] [viewer-slot-container] {
|
|
525
|
+
display: flex;
|
|
526
|
+
justify-content: center;
|
|
527
|
+
height: 100%;
|
|
528
|
+
width: 100%;
|
|
529
|
+
margin:auto;
|
|
530
|
+
}
|
|
531
|
+
|
|
532
|
+
[player-layout].zoomed [viewer-container] [viewer-slot-container] {
|
|
533
|
+
height: fit-content;
|
|
505
534
|
}
|
|
506
535
|
|
|
507
536
|
[buttons] {
|
|
@@ -551,7 +580,8 @@ export default {
|
|
|
551
580
|
min-height: 60vh;
|
|
552
581
|
}
|
|
553
582
|
[player-layout].zoomed [player-part] [player-layout-displayer] {
|
|
554
|
-
|
|
583
|
+
margin: 0 3px;
|
|
584
|
+
padding: 0;
|
|
555
585
|
}
|
|
556
586
|
|
|
557
587
|
@media screen and (max-width: 890px) {
|
|
@@ -578,7 +608,7 @@ export default {
|
|
|
578
608
|
</style>
|
|
579
609
|
<style>
|
|
580
610
|
[player-layout] .v-slider__tick-label {
|
|
581
|
-
font-size: 0.
|
|
611
|
+
font-size: 0.65em;
|
|
582
612
|
}
|
|
583
613
|
|
|
584
614
|
[player-layout] .v-slider__tick {
|