zenn/clock.sori.studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[v2.0.1] 아이콘 표시 및 메뉴 안정화 보정

Browse Source 
아이콘 버튼의 렌더링/위치 스타일을 보정해 원래 레이아웃 감각을 복원하고, 저장 제한 환경에서도 메뉴 스크립트가 중단되지 않도록 예외 처리를 추가했습니다.

Made-with: Cursor
This commit is contained in:
zenn
2026-04-21 16:15:32 +09:00
parent 2e57175d44
commit 91a046bfbe
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@@ -47,10 +47,11 @@
.app-title { position: fixed; left: 1rem; top: 1rem; user-select: none; }
.app-copyright { display: none; position: fixed; right: 1rem; bottom: 1rem; user-select: none; color: var(--sub-text-color); }
.app-theme { position: fixed; right: 1rem; top: 1rem; user-select: none; color: var(--sub-text-color); transition: 0.9s; }
.app-icons-container { position: fixed; left: 0rem; bottom: 0rem; user-select: none; fill: var(--main-text-color); cursor: pointer; }
.app-icons-container { position: fixed; left: 1rem; bottom: 1rem; user-select: none; cursor: pointer; color: var(--main-text-color); }
.app-buttons { display: flex; flex-direction: column; gap: 0.5rem}
.app-icon-button { background: none; border: none; color: inherit; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.app-icon-button:focus-visible { outline: 2px solid var(--sub-text-color); outline-offset: 2px; border-radius: 8px; }
.app-icon-button svg { width: 24px; height: 24px; display: block; flex-shrink: 0; }
.app-full { width: 24px; height: 24px; padding: 1rem; }
.app-book { width: 24px; height: 24px; padding: 1rem; }
.app-cog { width: 24px; height: 24px; padding: 1rem; }
@@ -261,7 +262,7 @@ select {
</div>
</div>
<div class="show-hide app-title sub-text">zenn.clock</div>
<div class="show-hide app-copyright sub-text">copyrights <a href="https://zenn.blog" target="_blank" class="link">zenn</a>. all rights reserved.</div>
<div class="show-hide app-copyright sub-text">copyrights <a href="https://x.com/zennbox" target="_blank" class="link">zenn</a>. all rights reserved.</div>
<div class="show-hide app-theme sub-text">
<div class="theme-text" id="current-theme"></div>
<div class="theme-text hidden" id="next-theme"></div>
@@ -317,7 +318,11 @@ select {
const subTextElements = document.querySelectorAll('.sub-text.not-info');
function saveSettings() {
try {
localStorage.setItem(STORAGE_KEY, JSON.stringify(currentSettings));
} catch (error) {
// Storage가 막힌 환경(사파리 프라이빗 모드 등)에서는 저장만 건너뛴다.
}
}
function loadSettings() {