fixup

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
nextcloud · Aug 19, 2024 · c7a1701 · c7a1701
1 parent f0bcc9c
commit c7a1701
Showing 1 changed file with 9 additions and 13 deletions.
diff --git a/src/components/CallView/Grid/Grid.vue b/src/components/CallView/Grid/Grid.vue
@@ -115,7 +115,10 @@
 						</template>
 					</NcButton>
 					<div v-if="!screenshotMode" class="dev-mode__data">
-						<span>GRID</span><span>INFO</span>
+						<span>GRID INFO</span>
+						<NcButton small @click="disableDevMode">
+							Disable
+						</NcButton>
 						<span>Videos (total):</span><span>{{ videosCount }}</span>
 						<span>Displayed videos:</span><span>{{ displayedVideos.length }}</span>
 						<span>Max per page:</span><span>~{{ videosCap }}</span>
@@ -129,7 +132,7 @@
 						<span>Dummies:</span><input v-model.number="dummies" type="number">
 						<span>Stripe mode:</span><input v-model="devStripe" type="checkbox">
 						<span>Screenshot mode:</span><input v-model="screenshotMode" type="checkbox">
-						<span>Dev mode:</span><input v-model="devModeEnabled" type="checkbox">
+
 					</div>
 				</template>
 			</div>
@@ -550,15 +553,6 @@ export default {
 			return this.tempPromotedModels.filter(model => !model.attributes.audioAvailable)
 		},
 
-		devModeEnabled: {
-			get() {
-				return this.devMode
-			},
-			set(value) {
-				this.screenshotMode = false
-				this.$emit('update:devMode', value)
-			},
-		},
 		devStripe: {
 			get() {
 				return this.isStripe
@@ -693,6 +687,10 @@ export default {
 		placeholderModel,
 		placeholderSharedData,
 
+		disableDevMode() {
+			this.screenshotMode = false
+			this.$emit('update:devMode', false)
+		},
 		// whenever the document is resized, re-set the 'clientWidth' variable
 		handleResize(event) {
 			// TODO: properly handle resizes when not on first page:
@@ -1031,7 +1029,6 @@ export default {
 	position: fixed !important;
 	left: 20px;
 	top: calc(2 * var(--header-height));
-	z-index: 999999999999999;
 }
 
 .dev-mode__data {
@@ -1043,7 +1040,6 @@ export default {
 	padding: 5px;
 	background: rgba(0, 0, 0, 0.8);
 	border: 1px solid #00FF41;
-	z-index: 999999999999999;
 	display: grid;
 	grid-template-columns: 165px 75px;
 	align-items: center;