Extend selectable icon sizes.

src/_h5ai/client/css/inc/view-details.less

@@ -118,4 +118,20 @@
 	&.size-96 {
 		.view-details-sized(96px)
 	}
+
+	&.size-128 {
+		.view-details-sized(128px)
+	}
+
+	&.size-192 {
+		.view-details-sized(192px)
+	}
+
+	&.size-256 {
+		.view-details-sized(256px)
+	}
+
+	&.size-384 {
+		.view-details-sized(384px)
+	}
 }

src/_h5ai/client/css/inc/view-grid.less

@@ -107,4 +107,20 @@
 	&.size-96 {
 		.view-grid-sized(96px)
 	}
+
+	&.size-128 {
+		.view-grid-sized(128px)
+	}
+
+	&.size-192 {
+		.view-grid-sized(192px)
+	}
+
+	&.size-256 {
+		.view-grid-sized(256px)
+	}
+
+	&.size-384 {
+		.view-grid-sized(384px)
+	}
 }

src/_h5ai/client/css/inc/view-icons.less

@@ -99,4 +99,20 @@
 	&.size-96 {
 		.view-icons-sized(96px)
 	}
+
+	&.size-128 {
+		.view-icons-sized(128px)
+	}
+
+	&.size-192 {
+		.view-icons-sized(192px)
+	}
+
+	&.size-256 {
+		.view-icons-sized(256px)
+	}
+
+	&.size-384 {
+		.view-icons-sized(384px)
+	}
 }

src/_h5ai/client/js/inc/view/viewmode.js

@@ -2,7 +2,7 @@
 modulejs.define('view/viewmode', ['_', '$', 'core/settings', 'core/resource', 'core/store', 'core/event'], function (_, $, allsettings, resource, store, event) {
 
 	var modes = ['details', 'grid', 'icons'],
-		sizes = [16, 24, 32, 48, 64, 96],
+		sizes = [16, 24, 32, 48, 64, 96, 128, 192, 256, 384],
 
 		settings = _.extend({}, {
 			modes: modes,

src/_h5ai/conf/options.json

@@ -28,7 +28,7 @@ Options
 		is given the view mode is fixed and the selector buttons are hidden.
 		The user selected view mode is also stored local in modern browsers
 		so that it will be persistent.
-	- sizes: array, subset of [16, 24, 32, 48, 64, 96]
+	- sizes: array, subset of [16, 24, 32, 48, 64, 96, 128, 192, 256, 384]
 		the first value indicates the default view mode. If only one value
 		is given the view mode is fixed and the selector buttons are hidden.
 		The user selected view mode is also stored local in modern browsers