[FE] 인기검색어 UI 마이너 수정

[Palwol]

개요

인기검색어 UI 개선, 데이터 로딩 시 깜빡임 현상 수정

작업사항

• 인기검색어 padding 수정하여 텍스트 중앙정렬
• 인기검색어 슬라이딩 클릭 이벤트 범위 수정
• 데이터 로딩 시 UI 깜빡임 이슈 수정

리뷰 요청사항

• N/A

[sujinleeme]

@Palwol

1. 다음에는 전과 이후 스크린샷 첨부해주세요.
2. 제목과 본문에 이슈 번호가 빠져있습니다.

[yeynii]

span tag에

  white-space: nowrap;
  overflow: hidden;

이런식으로 스타일을 추가해주시면 글자가 줄바꿈되는 이슈를 주변 패딩크기나 감싸고있는 컴포넌트 크기같은 요소에 상관없이 원천방지할 수 있을 것 같습니다.
주변 요소에 의해 글자의 깨짐 여부가 결정되면 맥에서는 잘 나와도 �윈도우에서는 또 깨져서 나올 수 있더라구요. (같은 크롬내에서만 고려하더라도 운영체제별로 폰트를 페인팅하는 방식이 조금 다르다고 합니다.)