Fix block multiple select height, and show more users.

WPUserManager · Dec 15, 2020 · fbc225c · fbc225c
1 parent fd0cf78
commit fbc225c
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/build/index.js b/build/index.js
diff --git a/build/style.css b/build/style.css
diff --git a/src/extensions/restriction-settings/index.js b/src/extensions/restriction-settings/index.js
@@ -55,7 +55,7 @@ const restrictStateOptions = [
 ];
 
 const options = [];
-wp.apiFetch({ path: "/wp/v2/users" }).then(posts =>
+wp.apiFetch({ path: "/wp/v2/users?per_page=100" }).then(posts =>
 	posts.map(function(user) {
 		options.push({ value: user.id, label: user.name });
 	})
@@ -171,6 +171,7 @@ const withRestrictionControls = createHigherOrderComponent(BlockEdit => {
 									"Display only to these users"
 								)}
 								multiple
+								className='wpum-multiple-select'
 								value={wpum_restrict_users}
 								options={options}
 								onChange={selectedUsers => {
@@ -187,6 +188,7 @@ const withRestrictionControls = createHigherOrderComponent(BlockEdit => {
 									"Display only to users with these roles"
 								)}
 								multiple
+								className='wpum-multiple-select'
 								value={wpum_restrict_roles}
 								options={roleOptions}
 								onChange={selectedRoles => {

diff --git a/src/style.scss b/src/style.scss
@@ -4,6 +4,12 @@
 	}
 }
 
+.wpum-multiple-select {
+	select {
+		height: 100px !important;
+	}
+}
+
 .wpum-panel-setting {
 	p {
 		margin: 10px 0;