feat: release v2.0 - visual linker, instant edit, and ux improvements

This commit is contained in:
leeyj
2026-04-17 15:21:21 +09:00
parent 331411895e
commit bff0beea96
23 changed files with 560 additions and 78 deletions
+75
View File
@@ -102,3 +102,78 @@
color: white;
transform: translateY(-1px);
}
/* Checkbox Visibility Enhancement */
.memo-content input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 1.15rem;
height: 1.15rem;
border: 2px solid rgba(255, 255, 255, 0.4);
border-radius: 4px;
background: rgba(30, 41, 59, 0.5);
cursor: pointer;
position: relative;
vertical-align: middle;
margin-right: 8px;
margin-top: -2px;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.memo-content input[type="checkbox"]:checked {
background: var(--accent);
border-color: var(--accent);
box-shadow: 0 0 10px rgba(56, 189, 248, 0.4);
}
.memo-content input[type="checkbox"]:checked::after {
content: '✓';
position: absolute;
top: 50%;
left: 50%;
font-family: Arial, sans-serif;
transform: translate(-50%, -50%);
color: #0f172a;
font-size: 0.85rem;
font-weight: 900;
}
.memo-content input[type="checkbox"]:hover {
border-color: var(--accent);
background: rgba(56, 189, 248, 0.15);
}
/* 완료된 리스트 항목 스타일 */
.memo-content li:has(input[type="checkbox"]:checked) {
color: var(--muted);
text-decoration: line-through;
opacity: 0.7;
}
.memo-content ul {
list-style-type: none;
padding-left: 5px;
}
.copy-id-btn:hover {
color: var(--accent) !important;
text-shadow: 0 0 8px rgba(56, 189, 248, 0.5);
transform: scale(1.1);
}
/* 💡 시각적 연결 모드 스타일 */
body.linker-active {
cursor: crosshair;
}
body.linker-active .copy-id-btn {
color: var(--accent) !important;
animation: pulse-border 1.5s infinite;
opacity: 1 !important;
}
@keyframes pulse-border {
0% { transform: scale(1); text-shadow: 0 0 0px var(--accent); }
50% { transform: scale(1.2); text-shadow: 0 0 10px var(--accent); }
100% { transform: scale(1); text-shadow: 0 0 0px var(--accent); }
}