Skip to content

Commit

Permalink
Fix wrong sizing for the paginator <select>
Browse files Browse the repository at this point in the history
@CarolineDenis I had to remove the min-w from <select> as it was causing
issues in many places. Instead, you should add it back only for small
screens, and only in places where it was necessary
  • Loading branch information
maxpatiiuk committed Mar 17, 2023
1 parent 5cfa38e commit 1ec1f25
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 1 deletion.
2 changes: 1 addition & 1 deletion specifyweb/frontend/js_src/lib/components/Atoms/Form.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -259,7 +259,7 @@ export const Select = wrap<
>(
'Select',
'select',
`${className.notTouchedInput} w-full pr-5 bg-right cursor-pointer min-w-[theme(spacing.40)]`,
`${className.notTouchedInput} w-full pr-5 bg-right cursor-pointer`,
({ onValueChange, onValuesChange, ...props }) => ({
...props,
/*
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@ export function usePaginator(defaultRowsPerPage: number = 10): {
)}
<div className="flex flex-1 justify-end">
<Select
className="!w-auto"
value={pageSize}
onValueChange={(rawNewPageSize): void => {
const newPageSize = Number.parseInt(rawNewPageSize);
Expand Down

0 comments on commit 1ec1f25

Please sign in to comment.