mirror of
https://github.com/anshuman-ecc-eth/hm-obsidian.git
synced 2026-07-22 14:00:28 +00:00
00a8e5a31c
- Remove console.log from onload/onunload (Rule 21) - Fix settings headings to use sentence case (Rule 15) - Update LICENSE to proper MIT with Hyvmind copyright - Add comprehensive CSS with accessibility features - Use registerDomEvent for automatic cleanup - Add ARIA attributes for screen reader support - Add XSS sanitization helper for Notices
81 lines
1.7 KiB
CSS
81 lines
1.7 KiB
CSS
/*
|
|
* Hyvmind Uploader Plugin Styles
|
|
* These styles are available when the plugin is enabled
|
|
*/
|
|
|
|
/* ========================================
|
|
Progress Modal Styles
|
|
======================================== */
|
|
|
|
.hyvmind-upload-status {
|
|
font-size: var(--font-ui-small);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.hyvmind-progress-bar {
|
|
width: 100%;
|
|
height: 20px;
|
|
background-color: var(--background-modifier-border);
|
|
border-radius: 4px;
|
|
overflow: hidden;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.hyvmind-progress-bar .hyvmind-progress-fill {
|
|
width: 0%;
|
|
height: 100%;
|
|
background-color: var(--interactive-accent);
|
|
transition: width 0.3s ease;
|
|
}
|
|
|
|
/* ========================================
|
|
Status Bar Styles
|
|
======================================== */
|
|
|
|
.hyvmind-status-bar {
|
|
font-size: var(--font-ui-smaller);
|
|
}
|
|
|
|
.hyvmind-status-connected {
|
|
color: var(--text-success);
|
|
}
|
|
|
|
.hyvmind-status-disconnected {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ========================================
|
|
Settings Tab Styles
|
|
======================================== */
|
|
|
|
.hyvmind-preset-container {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.hyvmind-preset-btn {
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
/* Focus styles for accessibility */
|
|
.hyvmind-preset-btn:focus-visible {
|
|
outline: 2px solid var(--interactive-accent);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
/* High contrast mode support */
|
|
@media (prefers-contrast: high) {
|
|
.hyvmind-progress-bar {
|
|
border: 1px solid var(--text-normal);
|
|
}
|
|
|
|
.hyvmind-progress-bar .hyvmind-progress-fill {
|
|
border-right: 1px solid var(--text-normal);
|
|
}
|
|
}
|
|
|
|
/* Reduced motion support for accessibility */
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.hyvmind-progress-bar .hyvmind-progress-fill {
|
|
transition: none;
|
|
}
|
|
}
|