Skip to content

fix(fe): restrict notification title width - #3676

Open
howso245-dot wants to merge 2 commits into
mainfrom
t2820-fix-notification-alignment
Open

fix(fe): restrict notification title width#3676
howso245-dot wants to merge 2 commits into
mainfrom
t2820-fix-notification-alignment

Conversation

@howso245-dot

@howso245-dot howso245-dot commented Aug 6, 2026

Copy link
Copy Markdown
Contributor

Description

NotificationDropdown에서 공지 제목이 긴 경우 overflow 발생을 수정했습니다. 공지 제목의 너비를 제한하고 말줄임표로 처리합니다.

Additional context

https://www.figma.com/design/c7RefqPCB4HC9DuFhT7eFg/%EC%BD%94%EB%93%9C%EB%8B%B9-%EB%A6%AC%EB%94%94%EC%9E%90%EC%9D%B8--2025ver-?node-id=32793-17968&m=dev

image image
  • max-width가 피그마에는 194px로 돼 있는데, 51(204px)로 했을 때가 삭제 버튼과의 거리가 맞는 것 같아서 204px로 했습니다.
  • 삭제 버튼이 absolute라서 일단 max-width를 상수로 줬는데, 삭제 버튼도 같은 엘리먼트에 넣고 정렬 수정해서 직관적으로 바꾸는 게 좋을까요?

Closes TAS-2820


Before submitting the PR, please make sure you do the following

@howso245-dot howso245-dot self-assigned this Aug 6, 2026
@howso245-dot howso245-dot added ⛳️ team-frontend preview 이 라벨이 붙어있어야 프론트엔드 Preview 환경이 생성됩니다 labels Aug 6, 2026
@skkuding-bot

skkuding-bot Bot commented Aug 6, 2026

Copy link
Copy Markdown

Syncing Preview App Succeeded

Application: frontend
Revision: a66fb9f73da9ad9aa8a0ae5f533eeb4551169918
Health Status: Healthy

Open Preview | View in Argo CD

@skkuding-bot

skkuding-bot Bot commented Aug 6, 2026

Copy link
Copy Markdown

Syncing Preview App Failed

Application: frontend
Revision: t2820-fix-notification-alignment
Health Status: Healthy

Open Preview | View in Argo CD

@mikeyoo0405

Copy link
Copy Markdown

전 좋은 것 같습니다!

@skkuding-bot

skkuding-bot Bot commented Aug 11, 2026

Copy link
Copy Markdown

Syncing Preview App Succeeded

Application: frontend
Revision: f61a6429ac97a72c1fea888694f3a59f7ff5bb1e
Health Status: Healthy

Open Preview | View in Argo CD

@howso245-dot
howso245-dot requested a review from seoeun9 August 14, 2026 16:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

preview 이 라벨이 붙어있어야 프론트엔드 Preview 환경이 생성됩니다 ⛳️ team-frontend

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants