increase poll choice length to 40 chars

This commit is contained in:
keyan 2023-09-28 16:52:11 -05:00
parent dfe859eb92
commit 08e4093877
3 changed files with 9 additions and 5 deletions

View File

@ -100,7 +100,7 @@ export default function Poll ({ item }) {
function PollResult ({ v, progress }) { function PollResult ({ v, progress }) {
return ( return (
<div className={styles.pollResult}> <div className={styles.pollResult}>
<span className={styles.pollOption}>{v.option}{v.meVoted && <Check className='fill-grey ms-1 align-self-center' width={18} height={18} />}</span> <span className={styles.pollOption}>{v.option}{v.meVoted && <Check className='fill-grey ms-1 align-self-center flex-shrink-0' width={16} height={16} />}</span>
<span className='ms-auto me-2 align-self-center'>{progress}%</span> <span className='ms-auto me-2 align-self-center'>{progress}%</span>
<div className={styles.pollProgress} style={{ width: `${progress}%` }} /> <div className={styles.pollProgress} style={{ width: `${progress}%` }} />
</div> </div>

View File

@ -5,8 +5,8 @@
border-radius: 2rem; border-radius: 2rem;
width: 100%; width: 100%;
max-width: 600px; max-width: 600px;
padding: 0rem 1.1rem; padding: .4rem 1.1rem;
height: 2rem; line-height: 1rem;
text-transform: uppercase; text-transform: uppercase;
} }
@ -22,10 +22,10 @@
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 600px; max-width: 600px;
height: 2rem;
margin-top: .25rem; margin-top: .25rem;
display: flex; display: flex;
border-radius: .4rem; border-radius: .4rem;
padding: .25rem .05rem;
} }
.pollProgress { .pollProgress {
@ -42,4 +42,8 @@
align-self: center; align-self: center;
margin-left: .5rem; margin-left: .5rem;
display: flex; display: flex;
line-height: 1rem;
margin-top: auto;
margin-bottom: auto;
margin-right: 0.5rem;
} }

View File

@ -17,7 +17,7 @@ export const UPLOAD_TYPES_ALLOW = [
] ]
export const COMMENT_DEPTH_LIMIT = 10 export const COMMENT_DEPTH_LIMIT = 10
export const MAX_TITLE_LENGTH = 80 export const MAX_TITLE_LENGTH = 80
export const MAX_POLL_CHOICE_LENGTH = 30 export const MAX_POLL_CHOICE_LENGTH = 40
export const ITEM_SPAM_INTERVAL = '10m' export const ITEM_SPAM_INTERVAL = '10m'
export const ANON_ITEM_SPAM_INTERVAL = '0' export const ANON_ITEM_SPAM_INTERVAL = '0'
export const INV_PENDING_LIMIT = 10 export const INV_PENDING_LIMIT = 10