플러그인 사용 시 사소한 UX 정렬 오류

[small-lovely-cat]

이 정렬 문제는 공식적으로 유지 관리되는 두 플러그인, category-experts와 follow에 관련되어 있습니다.

알림 버튼 정렬 문제

PC 뷰에서 누군가를 추천(endorse)하면 “Normal” 버튼의 정렬이 제대로 되지 않았습니다. 또한 “x categories에서 추천됨” 텍스트도 왼쪽이 아닌 가운데 정렬되어야 합니다.

가능한 해결책: user.scss에서 viewpoint<md일 때만 특수한 폭이 적용되도록 하고, 이 설정은 모든 뷰포트 크기에 적용되어야 합니다.

@include viewport.until(md) {
  li,
  > span {
    display: flex;
    flex: 1 1 45%;

    button,
    a {
      width: 100%;
    }

    .select-kit.dropdown-select-box.user-notifications-dropdown {
      width: 100%;
    }
  }
}

---

팔로우 버튼 정렬 문제

모바일 뷰에서 팔로우 버튼의 폭이 다른 버튼들과 정렬되지 않았으며, 추천된 상태의 뷰도 가운데 정렬이 아닌 왼쪽으로 붙어 있습니다.