ui improvements, keyboard shortcuts, and toast not
This commit is contained in:
@@ -2548,3 +2548,59 @@ body.dark-mode select option {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* ===== TERMINAL TOAST NOTIFICATIONS ===== */
|
||||
.terminal-toast {
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
background: var(--bg-secondary);
|
||||
border: 2px solid var(--terminal-green);
|
||||
padding: 1rem 1.5rem;
|
||||
font-family: var(--font-mono);
|
||||
font-size: 0.9rem;
|
||||
color: var(--terminal-green);
|
||||
text-shadow: var(--glow-green);
|
||||
box-shadow: 0 0 20px rgba(0, 255, 65, 0.3);
|
||||
z-index: 10001;
|
||||
opacity: 0;
|
||||
transform: translateX(400px);
|
||||
transition: all 0.3s ease;
|
||||
max-width: 400px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.terminal-toast.show {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.toast-icon {
|
||||
display: inline-block;
|
||||
margin-right: 0.5rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.toast-success {
|
||||
border-color: var(--status-open);
|
||||
color: var(--status-open);
|
||||
text-shadow: 0 0 5px var(--status-open);
|
||||
}
|
||||
|
||||
.toast-error {
|
||||
border-color: var(--status-closed);
|
||||
color: var(--status-closed);
|
||||
text-shadow: 0 0 5px var(--status-closed);
|
||||
}
|
||||
|
||||
.toast-warning {
|
||||
border-color: var(--status-in-progress);
|
||||
color: var(--status-in-progress);
|
||||
text-shadow: 0 0 5px var(--status-in-progress);
|
||||
}
|
||||
|
||||
.toast-info {
|
||||
border-color: var(--terminal-cyan);
|
||||
color: var(--terminal-cyan);
|
||||
text-shadow: 0 0 5px var(--terminal-cyan);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user