mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-05-01 11:56:25 +02:00
68156d2e74
- Introduced a new `status-visuals.ts` file to centralize status icons and labels for consistency across the plugin. - Updated connection indicator logic in the settings tab to utilize the new centralized visuals. - Removed deprecated connection visual methods to streamline the codebase. - Enhanced error handling in the status bar to reflect the new status visuals structure.
48 lines
774 B
CSS
48 lines
774 B
CSS
/*
|
|
* SurfSense Obsidian plugin styles. Status-bar widget only — the settings
|
|
* tab uses Obsidian's stock Setting rows, no custom CSS needed.
|
|
*/
|
|
|
|
.surfsense-status {
|
|
gap: 6px;
|
|
}
|
|
|
|
.surfsense-status--clickable {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.surfsense-status__icon {
|
|
display: inline-flex;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
.surfsense-status__icon svg {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
.surfsense-status--err .surfsense-status__icon {
|
|
color: var(--color-red);
|
|
}
|
|
|
|
.surfsense-connection-indicator {
|
|
display: inline-flex;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
.surfsense-connection-heading {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
|
|
.surfsense-connection-indicator svg {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
.surfsense-connection-indicator--err {
|
|
color: var(--color-red);
|
|
}
|