target 3DS specifically instead of trying to detect svg features (which was false flagging IE11)

copyparty/web/browser.css

@@ -1040,9 +1040,12 @@ tr.play td:nth-child(1) a {
 	position: absolute;
 	text-align: center;
 	width: 100%;
-	width: calc(100% - 8px);;
+	width: calc(100% - 8px);
+	left: 4px;
+	right: 4px;
 	top: 50%;
 	top: calc(55% - .5em);
+	color: #07c;
 	color: var(--a);
 	text-shadow: none;
 	font-family: monospace;
@@ -1303,6 +1306,7 @@ html:not(.e) #ggrid>a.thumbed.dir:before {
 	position: absolute;
 	text-wrap-mode: nowrap;
 	text-wrap: nowrap;
+	white-space: nowrap;
 	width: 100%;
 	bottom: 100%;
 	right: 0;
@@ -1319,7 +1323,9 @@ html:not(.e) #ggrid>a.thumbed.dir:before {
 	display: inline-block;
 	text-wrap-mode: nowrap;
 	text-wrap: nowrap;
+	white-space: nowrap;
 	text-align: center;
+	max-width: 79vw;
 	max-width: calc(100% - 3.5em);
 	overflow-x: auto;
 	overflow-y: hidden;
@@ -1327,6 +1333,7 @@ html:not(.e) #ggrid>a.thumbed.dir:before {
 	box-shadow: 0 0 .5em var(--mp-sh);
 	border-radius: 5px;
 	border-radius: var(--radius);
+	overflow-x: auto;
 }
 #up_quick {
 	display: inline-block;
@@ -1358,6 +1365,7 @@ html:not(.e) #ggrid>a.thumbed.dir:before {
 	margin-bottom: .2em;
 	text-wrap-mode: wrap;
 	text-wrap: nowrap;
+	white-space: nowrap;
 }
 #up_quick_more.vis {
 	display: block;
@@ -1365,17 +1373,18 @@ html:not(.e) #ggrid>a.thumbed.dir:before {
 #up_quick_more a:hover {
 	background: var(--btn-h-bg);
 }
-#up_quick_more a {
+	#up_quick_more a {
-	position: static;
+		position: static;
-	font-size: large;
+		font-size: large;
-	display: block;
+		display: block;
-	text-wrap-mode: nowrap;
+		text-wrap-mode: nowrap;
-	text-wrap: nowrap;
+		text-wrap: nowrap;
-	padding: .5em;
+		white-space: nowrap;
-	cursor: pointer;
+		padding: .5em;
-	border-radius: 10px;
+		cursor: pointer;
-	border-radius: var(--radius);
+		border-radius: 10px;
-}
+		border-radius: var(--radius);
+	}
 #up_quick .overlay_plus {
 	right: .3em;
 	margin-top: -1.5em;
@@ -1810,6 +1819,7 @@ html.y #ops svg circle {
 	font-size: x-large;
 	text-wrap-mode: nowrap;
 	text-wrap: nowrap;
+	white-space: nowrap;
 	display: block;
 	line-height: 1.5em;
 }
@@ -2116,6 +2126,7 @@ html {
 	padding: .3em .5em;
 	text-wrap-mode: nowrap;
 	text-wrap: nowrap;
+	white-space: nowrap;
 	overflow-x: auto;
 	overflow-y: hidden;
 }
@@ -2166,7 +2177,7 @@ html {
 .btn {
 	color: #3584e4;
 	color: var(--btn-fg);
-	background: rgba(70, 73, 77, 0.5);
+	background: #2f3236;
 	background: var(--btn-bg);
 	box-shadow: var(--btn-bs);
 	border: 1px solid #3a3d41;
@@ -3990,6 +4001,7 @@ html:not(.e) #wrap.thin .ghead {
 html:not(.e) #wrap.thin #ghead {
 	text-wrap-mode: nowrap;
 	text-wrap: nowrap;
+	white-space: nowrap;
 	overflow-x: auto;
 	overflow-y: hidden;
 }

copyparty/web/browser.js

@@ -6626,16 +6626,15 @@ window.thegrid = (function () {
 				ihref += '&a=' + parseColor(accent).replace(/ /g, '');
 			}
 
-			var svg = ''
+			var svg = '<use href="#' +
-			if(ebi('folder-icon').innerHTML != undefined){
+				(isdir ? 'folder' : 'file') + '-icon" color="' +
-				svg = '<use href="#' +
+				(ext == 'unk' || ext.startsWith('/') ? '#0000' : intToHSL(hashCode(ext))) + '"/>';
-					(isdir ? 'folder' : 'file') + '-icon" color="' +
+			svg = '<svg class="thumb" width="100%" height="100%">' + svg + '</svg>';
-					(ext == 'unk' || ext.startsWith('/') ? '#0000' : intToHSL(hashCode(ext))) + '"/>'
+
-				svg = '<svg class="thumb" width="100%" height="100%">' + svg + '</svg>';
+			if (N3DS){
-			}
-			else{
 				// 3DS / unsupported: use fallback
-				svg = '<span class="thumb">' + (isdir ? '📁[FOLDER]' : '📄[FILE:' + ext +']') + '</span>';
+				svg = '<span class="thumb">' + (isdir ? '📁[FOLDER]' : '📄[FILE:' + ext + ']') + '</span>';
+				ext = 'unk';
 			}
 
 			html.push('<a href="' + ohref + '" ref="' + ref +
@@ -7961,7 +7960,7 @@ var treectl = (function () {
 	bcfg_bind(r, 'nsort', 'nsort', dnsort, resort);
 	bcfg_bind(r, 'dir1st', 'dir1st', true, resort);
 	setwrap(bcfg_bind(r, 'wtree', 'wraptree', true, setwrap));
-	setwrap(bcfg_bind(r, 'parpane', 'parpane', true, onscroll));
+	setwrap(bcfg_bind(r, 'parpane', 'parpane', !N3DS, onscroll));
 	bcfg_bind(r, 'htree', 'hovertree', false, reload_tree);
 	bcfg_bind(r, 'ask', 'bd_ask', MOBILE && FIREFOX);
 	ebi('bd_lim').value = r.lim = icfg_get('bd_lim');

copyparty/web/util.js

@@ -43,6 +43,7 @@ var wah = '',
     UA = '' + navigator.userAgent,
     IE = !!document.documentMode,
     EMOJI = supportsEmoji(),
+    N3DS = /Nintendo 3DS/i.test(UA),
     FIREFOX = ('netscape' in window) && / rv:/.test(UA),
     IPHONE = TOUCH && /iPhone|iPad|iPod/i.test(UA),
     LINUX = /Linux/.test(UA),