itube-specs 0.0.828 → 0.0.831
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.
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
<span class="player-menu__summary-title">{{ group.title }}</span>
|
|
105
105
|
<UiIcon
|
|
106
106
|
name="chevron-down"
|
|
107
|
-
size="
|
|
107
|
+
size="20"
|
|
108
108
|
class="player-menu__summary-arrow"
|
|
109
109
|
/>
|
|
110
110
|
</summary>
|
|
@@ -321,7 +321,7 @@ function onGroupToggle(event: Event, group: SceneGroup): void {
|
|
|
321
321
|
display: flex;
|
|
322
322
|
align-items: center;
|
|
323
323
|
gap: 10px;
|
|
324
|
-
min-height:
|
|
324
|
+
min-height: 44px;
|
|
325
325
|
padding: 8px 20px;
|
|
326
326
|
color: $player-menu-acc-head-text;
|
|
327
327
|
cursor: pointer;
|
|
@@ -363,6 +363,7 @@ function onGroupToggle(event: Event, group: SceneGroup): void {
|
|
|
363
363
|
}
|
|
364
364
|
|
|
365
365
|
.player-menu__summary-arrow {
|
|
366
|
+
margin-right: 12px;
|
|
366
367
|
flex-shrink: 0;
|
|
367
368
|
color: $player-menu-icon;
|
|
368
369
|
transition: transform var(--transition), color var(--transition);
|
|
@@ -413,6 +414,7 @@ function onGroupToggle(event: Event, group: SceneGroup): void {
|
|
|
413
414
|
overflow: hidden;
|
|
414
415
|
text-overflow: ellipsis;
|
|
415
416
|
white-space: nowrap;
|
|
417
|
+
text-align: left;
|
|
416
418
|
}
|
|
417
419
|
|
|
418
420
|
.player-menu__scene.--current .player-menu__scene-label {
|
|
@@ -5,8 +5,7 @@
|
|
|
5
5
|
v-if="isReportPopupOpen"
|
|
6
6
|
v-model="isReportPopupOpen"
|
|
7
7
|
sheet
|
|
8
|
-
back
|
|
9
|
-
:class="{'--back-show': activeStep !== 'list'}"
|
|
8
|
+
:back="showBack"
|
|
10
9
|
class="report-main"
|
|
11
10
|
@back="activeStep === 'list' ? handleBack() : goToList()"
|
|
12
11
|
>
|
|
@@ -166,6 +165,8 @@ const form = ref<IReportForm>({
|
|
|
166
165
|
|
|
167
166
|
const { isReportPopupOpen, closeReportPopup, reportedVideoCard, onBack } = useReportPopup();
|
|
168
167
|
|
|
168
|
+
const showBack = computed(() => activeStep.value !== 'list' || !!onBack.value);
|
|
169
|
+
|
|
169
170
|
function handleBack() {
|
|
170
171
|
const callback = onBack.value;
|
|
171
172
|
closeReportPopup();
|
|
@@ -315,12 +316,6 @@ async function submit() {
|
|
|
315
316
|
</script>
|
|
316
317
|
|
|
317
318
|
<style lang="scss">
|
|
318
|
-
.report-main:not(.--back-show) .ui-popup__back {
|
|
319
|
-
@include from-br(sm) {
|
|
320
|
-
display: none;
|
|
321
|
-
}
|
|
322
|
-
}
|
|
323
|
-
|
|
324
319
|
.report-main .ui-popup__content {
|
|
325
320
|
padding: 0;
|
|
326
321
|
}
|