tweak (#406)

Author: Thorin-Oakenpants

css/index.css

@@ -110,7 +110,7 @@ a.return {color: var(--link); text-decoration: none;  font-size: 14px; line-heig
 	cursor: pointer;
 }
 .btn0, .s0 {border-color: var(--test0); color: var(--test0);}
-.btn1, .s1 {border-color: var(--test1); color: var(--test1);}
+.btn1, .s1 {border-color: var(--test1); color: var(--test1); cursor: pointer;}
 .btn2, .s2 {border-color: var(--test2); color: var(--test2);}
 .btn3, .s3 {border-color: var(--test3); color: var(--test3);}
 .btn4, .s4 {border-color: var(--test4); color: var(--test4);}
@@ -269,7 +269,7 @@ tr td.border-top {
 #tbperf th {background-color: var(--bg99);}
 #tbblock th {background-color: var(--bg99);}
 
-.togA, .togP, /* android, perf */
+.togA, .togP, #btnFS, /* android, perf, fullscreen element */
 .togCS, .togFS, .togL, .togS, .togTP, .togTA, .togTL, .togTT, .togTO, .togUAI, .togUAW {display: none;}
 
 

js/generic.js

@@ -1712,6 +1712,7 @@ function outputUser(fn) {
 	// user initiated
 	if (isBlock) {return}
 	if ('goFS' == fn) { goFS()
+	} else if ("exitFS" == fn) { exitFS()
 	} else if ("goNW" == fn) { goNW()
 	} else if ('goNW_UA' == fn) { goNW_UA()
 	} else if ('outputAudioUser' == fn) {outputAudioUser()

js/screen.js

@@ -379,9 +379,12 @@ const get_scr_measure = () => new Promise(resolve => {
 
 		// desktop: if in fullscreenElement mode, use the svh element to measure
 			// we don't have a resize event in android
-		let isElementFS = document.fullscreen || document.webkitIsFullscreen || false
-		if (isElementFS && 'android' !== isOS) {
-			addDisplay(1, 'fsElement', oData.inner.width.svw +' x '+ oData.inner.height.svh)
+		if ('android' !== isOS) {
+			let isElementFS = document.fullscreen || document.webkitIsFullscreen || false
+			if (isElementFS) {
+				addDisplay(1, 'fsElement', oData.inner.width.svw +' x '+ oData.inner.height.svh)
+			}
+			try {dom.btnFS.style.display = (isElementFS ? 'block' : 'none')} catch {}
 		}
 
 		// RFP/match
@@ -1205,6 +1208,13 @@ function get_ua_workers() {
 
 /* USER TESTS */
 
+function exitFS() {
+	let isElementFS = document.fullscreen || document.webkitIsFullscreen || false
+	if (isElementFS) {
+		try {document.exitFullscreen()} catch {}
+	}
+}
+
 function goFS() {
 	gFS = false
 	try {

tzp.html

@@ -323,8 +323,11 @@
 			&nbsp; display-mode | fullscreen</td>
 			<td class="mono border-top"><span id="cssDM"></span> | <span class="c" id="display-mode"></span>
 				| <span class="c" id="windowfullScreen"></span> | <span class="c" id="mozFullScreenEnabled"></span></td></tr>
-		<tr><td><span class="btn btn0" onClick="outputUser('goFS')">[ click ]</span>
-			fullscreenElement <sup>4</sup></td><td class="c mono" id="fsElement"></td></tr>
+		<tr><td><span class="btn btn0" onClick="outputUser('goFS')">[ click ]</span> fullscreenElement <sup>4</sup></td>
+			<td class="mono">
+				<span class="c" id="fsElement"></span>
+				<div id="btnFS" class="btn-right btn1" onClick="outputUser('exitFS')">[ exit ]</div>
+			</td></tr>
 		<tr><td><span class="mono no_color">[F11]</span> fullscreen</td><td class="c mono" id="fsSize"></td></tr>
 		<tr><td><span class="btn btn0" onClick="outputUser('goNW')">[ click ]</span>
 			<div class="ttip"><span class="icon">[ i ]</span>