먼저, a 태그에 hover 하면 색상이 바뀌는 시간을 0에서 0.2s로 바꿨는데, 예전부터 망설이던 이유가 부드럽게 바뀌긴 하지만 깔끔하지 않은 느낌을 주는 것 같아서 지금도 다시 원상복구 시킬지 고민 중이다.
Header를 변경했다.
이때까진 메뉴가 우측에 하나뿐이라 빼버린 기능이 많았는데, 잡다한 기능들을 더 추가할 수 있게 됐다.
우측 메뉴는 Category란 단어를 쓰고 싶지만, 모바일에서 글자가 겹쳐 보일까 봐 List란 단어를 선택했다.
글자 크기를 줄이면 터치가 힘들어질까 봐 단어를 변경하는 게 최선이 아니었을까 싶다.
js를 새로운 메뉴 id를 열 수 있도록 수정하고, css는 transform: translateX만 변경해주고 위치를 좌측으로 붙여주면 끝난다.
카드형으로 만든 페이지인데, 높이가 제멋대로라 높이를 맞춰줬다.
모바일 화면에선 크기를 늘려 공간의 낭비를 줄였다.
플러그인에 생일 기능이 있어서 추가한 생일 D-day 카운터.
마우스 커서는 wait으로 바꿔놨다.
전 포스트에 작성해놨던 공감 버튼 수정 건은
1 2 3 4 | .container_postbtn{ padding: 1rem 0!important; margin: auto!important; } | cs |
1 2 | .container_postbtn label{display:none} .container_postbtn label:first-child{display:block} | cs |
뭐 이런 식으로 수정은 하는 중인데, 아무래도 원본 CSS 자체를 수정할 수 없다 보니 건너뛰어 두고 있었다.ㅠㅠ
