99 lines
2.2 KiB
CSS
99 lines
2.2 KiB
CSS
/* Styles for Dropdown Copy Helper */
|
|
/* 下拉复制助手样式 */
|
|
|
|
/* Toast notification styles */
|
|
.dropdown-copy-toast {
|
|
position: fixed !important;
|
|
top: 20px !important;
|
|
right: 20px !important;
|
|
padding: 12px 20px !important;
|
|
border-radius: 6px !important;
|
|
color: white !important;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
|
|
font-size: 14px !important;
|
|
font-weight: 500 !important;
|
|
z-index: 10000 !important;
|
|
box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
|
|
max-width: 300px !important;
|
|
word-wrap: break-word !important;
|
|
transition: all 0.3s ease !important;
|
|
opacity: 1 !important;
|
|
transform: translateX(0) !important;
|
|
}
|
|
|
|
.dropdown-copy-toast.success {
|
|
background-color: #4caf50 !important;
|
|
}
|
|
|
|
.dropdown-copy-toast.error {
|
|
background-color: #f44336 !important;
|
|
}
|
|
|
|
.dropdown-copy-toast.info {
|
|
background-color: #2196f3 !important;
|
|
}
|
|
|
|
/* Animation for toast appearance */
|
|
@keyframes slideInRight {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateX(100%);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
|
|
.dropdown-copy-toast {
|
|
animation: slideInRight 0.3s ease !important;
|
|
}
|
|
|
|
/* Ensure toast is above all other elements */
|
|
.dropdown-copy-toast {
|
|
position: fixed !important;
|
|
z-index: 2147483647 !important; /* Maximum z-index value */
|
|
}
|
|
|
|
/* Responsive design for mobile */
|
|
@media (max-width: 768px) {
|
|
.dropdown-copy-toast {
|
|
top: 10px !important;
|
|
right: 10px !important;
|
|
left: 10px !important;
|
|
max-width: none !important;
|
|
font-size: 13px !important;
|
|
padding: 10px 16px !important;
|
|
}
|
|
}
|
|
|
|
/* High contrast mode support */
|
|
@media (prefers-contrast: high) {
|
|
.dropdown-copy-toast {
|
|
border: 2px solid white !important;
|
|
}
|
|
}
|
|
|
|
/* Reduced motion support */
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.dropdown-copy-toast {
|
|
animation: none !important;
|
|
transition: none !important;
|
|
}
|
|
}
|
|
|
|
/* Dark mode support */
|
|
@media (prefers-color-scheme: dark) {
|
|
.dropdown-copy-toast.success {
|
|
background-color: #2e7d32 !important;
|
|
}
|
|
|
|
.dropdown-copy-toast.error {
|
|
background-color: #c62828 !important;
|
|
}
|
|
|
|
.dropdown-copy-toast.info {
|
|
background-color: #1565c0 !important;
|
|
}
|
|
}
|