3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-06-08 13:41:51 +02:00
Code Issues Projects Releases Packages Wiki Activity

Make sidebar bigger if possible

Browse source
This commit is contained in:
Luke Vella 2022-04-13 20:36:47 +01:00
parent 6c2ca12786
commit 2810c049c2
1 changed files with 12 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

17
components/poll/poll.tsx
View file

@ -88,7 +88,7 @@ const Poll: React.VoidFunctionComponent<
targetTimeZone, targetTimeZone,
onChangeTargetTimeZone, onChangeTargetTimeZone,
actionColumnWidth = 160, actionColumnWidth = 160,
sidebarWidth = 200, sidebarWidth: minSidebarWidth = 200,
columnWidth: defaultColumnWidth, columnWidth: defaultColumnWidth,
width: defaultWidth, width: defaultWidth,
}) => { }) => {
@ -102,14 +102,21 @@ const Poll: React.VoidFunctionComponent<
const columnWidth = const columnWidth =
defaultColumnWidth ?? defaultColumnWidth ??
Math.min( Math.min(
150, 100,
Math.max(95, (width - sidebarWidth - actionColumnWidth) / options.length), Math.max(
95,
(width - minSidebarWidth - actionColumnWidth) / options.length,
),
); );
const numberOfVisibleColumns = Math.floor( const numberOfVisibleColumns = Math.min(
(width - (sidebarWidth + actionColumnWidth)) / columnWidth, options.length,
Math.floor((width - (minSidebarWidth + actionColumnWidth)) / columnWidth),
); );
const sidebarWidth =
width - (numberOfVisibleColumns * columnWidth + actionColumnWidth);
const availableSpace = Math.min( const availableSpace = Math.min(
numberOfVisibleColumns * columnWidth, numberOfVisibleColumns * columnWidth,
options.length * columnWidth, options.length * columnWidth,