diff --git a/README.md b/README.md index d733336..d0cce2d 100644 --- a/README.md +++ b/README.md @@ -15,7 +15,7 @@ Car는 차량 모뎀/게이트웨이에서 받은 상태를 수집해 DB에 저 - 허용된 차량 명령 TCP 전송 - monitor 화면과 AJAX 상태 갱신 - monitor 화면 WakeLock, 언어, 테마 토글 -- monitor 좌측 상단 블로그 복귀 링크 +- monitor 좌측 상단 이전 페이지 복귀 링크 - 모바일 및 좁은 카드 폭에 맞춘 사용량 2줄 배치, 로그 가로 스크롤, 시간 문구 축약 - 사용량/요금 표시와 통신사 과금 단위 보정 metadata - 4.95초 UI timeout과 60초 사용량 정산 분리 @@ -48,6 +48,8 @@ Car는 차량 모뎀/게이트웨이에서 받은 상태를 수집해 DB에 저 헤더 우측 컨트롤은 WakeLock, 언어, 테마 순서입니다. WakeLock은 Screen Wake Lock API를 지원하는 브라우저에서 화면 꺼짐을 방지하며, 활성 상태는 초록색 아이콘 버튼으로 표시합니다. 사용자의 선택은 `localStorage`에 저장하고, 새로고침이나 탭 복귀 후에는 브라우저 정책에 맞춰 다시 획득을 시도합니다. +좌측 상단 복귀 링크는 이전 페이지가 `chaegeon.com` 계열이면 해당 URL을 사용합니다. 같은 출처에서 이동한 경우에는 이전 문서의 title을 읽어 표시하고, 직접 접속이나 이전 페이지 확인이 어려운 경우에는 `https://chaegeon.com/blog`를 기본 목적지로 사용합니다. `seo.chaegeon.com`의 상대 경로로 이동하지 않도록 절대 URL을 기본값으로 둡니다. + ## 구성 - `api.php`: 차량 상태/제어 API diff --git a/monitor.php b/monitor.php index bf2b59e..85ca4b8 100644 --- a/monitor.php +++ b/monitor.php @@ -956,6 +956,10 @@ car_monitor_require_access(false); line-height: 1; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); + max-width: min(44vw, 260px); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .blog-back-link:hover, .blog-back-link:focus { @@ -1368,7 +1372,7 @@ car_monitor_require_access(false);