mirror of
https://github.com/sotam0316/brain_dogfood.git
synced 2026-04-25 03:48:38 +09:00
feat: release v2.0 - visual linker, instant edit, and ux improvements
This commit is contained in:
@@ -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); }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user