Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat/minor UI updates #470

Merged
merged 4 commits into from
Mar 27, 2024
Merged

Feat/minor UI updates #470

merged 4 commits into from
Mar 27, 2024

Conversation

yumincho
Copy link
Member

@yumincho yumincho commented Mar 6, 2024

요약 *

It closes #146, #274, and #403.

스크린샷

  • ModalInnerTextBoxAddVoteOptionArea의 border가 겹쳐진 부분을 수정합니다.
  • 호버 시 인터랙션이 잘못된 카드를 수정합니다. (PreparingAgendaCard, OngoingAgendaCard, AgendaTemplateCard)
  • 채팅 보내기 버튼 아이콘들을 정렬합니다.
image image image

이후 Task *

  • ModalInnerTextBox 내 deprecated된 Box, BorderedBox, Scroll 등을 div로 교체하였습니다. 다른 component에서도 deprecated된 component들을 교체해야 합니다.
  • ModalInnerTextBoxAddVoteOptionArea에서 overflow가 발생할 때 scroll bar 영역만큼 항목 div의 width가 감소합니다. 이를 원래대로 수정해야 합니다.

Copy link

netlify bot commented Mar 6, 2024

Deploy Preview for biseo-preview ready!

Name Link
🔨 Latest commit 9e34cdd
🔍 Latest deploy log https://app.netlify.com/sites/biseo-preview/deploys/65e8594c57272a0008c0fbf5
😎 Deploy Preview https://deploy-preview-470--biseo-preview.netlify.app/
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@yumincho yumincho linked an issue Mar 6, 2024 that may be closed by this pull request
2 tasks
@yumincho yumincho marked this pull request as ready for review March 6, 2024 11:57
Copy link
Collaborator

@Sanghou Sanghou left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

혹시 고치려는 문제에 146번 이슈 border 겹치는 부분이 포함되어 있는 것 같은데 해당 부분이 고쳐진게 맞을까요?

첨부해주신 스크린샷에서는 2px 그대로인 것 같아서요!

image

아래는 직접 브런치 내용을 로컬에서 실행시켜서 봤을 때 화면입니다
image

@@ -18,6 +18,7 @@ export const Cell = styled.td<{ w?: Size; scroll?: boolean }>(
padding: 6px 5px;
font-size: 10px;
font-weight: 500;
line-break: anywhere;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이거 anywhere인 이유가 있을까요?

Cell이 width가 작아서 줄 바꿈이 자주 일어나는 환경인지?
다른 line-break 스타일 (word 등)과 비교해서 어떤 점을 바탕으로 고르시게 되었나요?

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

line-break는 anywhere이 맞을 것 같네요 이슈 #446에 첨부해주신거 보니

Copy link
Member Author

@yumincho yumincho Mar 13, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

table 칸에 들어가는 요소가 주로 띄어쓰기가 없이 작성되는 이름, 닉네임이라 anywhere로 작성했습니다.

image

참고로 이슈 #446 은 다른 분이 작업 중이라고 하셔서 (제욱이?) closed issue에 추가하지 않았습니다!

@yumincho
Copy link
Member Author

yumincho commented Mar 13, 2024

@Sanghou PR 올릴 때 실수로 구 이미지를 첨부한 것 같아요! 제가 로컬에서 실행했을 때는 border에 문제가 없어보입니다 🤔

image

Copy link
Collaborator

@rjsdn0 rjsdn0 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

@rjsdn0 rjsdn0 merged commit d49b92c into main Mar 27, 2024
5 checks passed
@rjsdn0 rjsdn0 deleted the feat/minor-ui-updates branch March 27, 2024 10:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
3 participants