afforai_obsidian-logically-.../styles.css
Shirayuki Nekomata dd26628403
Add Logically research assistant sidebar
- Replace sample metadata with Logically branding and docs
- Add Svelte sidebar UI with chat, model select, login,
  file context picker, and drag-drop support
- Wire API client, settings persistence, and view lifecycle
- Add Svelte build config and dev install/watch scripts
2025-12-23 11:14:50 +07:00

97 lines
2 KiB
CSS

/* Logically Research Assistant Plugin Styles */
/* Container styling */
.logically-research-assistant-container {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
}
/* Settings page styles */
.logically-settings-header {
margin-bottom: 24px;
padding-bottom: 16px;
border-bottom: 1px solid var(--background-modifier-border);
}
.logically-settings-header h2 {
margin: 0 0 8px 0;
font-size: 20px;
}
.logically-settings-header p {
margin: 0;
color: var(--text-muted);
}
.logically-settings-footer {
margin-top: 32px;
padding-top: 16px;
border-top: 1px solid var(--background-modifier-border);
font-size: 13px;
color: var(--text-muted);
}
.logically-settings-footer a {
color: var(--text-accent);
}
.logically-login-form {
padding: 16px;
background: var(--background-secondary);
border-radius: 8px;
margin-bottom: 16px;
}
.logically-model-desc {
margin-top: -8px;
padding-left: 16px;
font-style: italic;
}
/* Animation for loading states */
@keyframes logically-pulse {
0%,
100% {
opacity: 0.4;
}
50% {
opacity: 1;
}
}
.logically-loading {
animation: logically-pulse 1.5s ease-in-out infinite;
}
/* Custom scrollbar for the plugin */
.logically-research-assistant-container ::-webkit-scrollbar {
width: 6px;
}
.logically-research-assistant-container ::-webkit-scrollbar-track {
background: transparent;
}
.logically-research-assistant-container ::-webkit-scrollbar-thumb {
background: var(--background-modifier-border);
border-radius: 3px;
}
.logically-research-assistant-container ::-webkit-scrollbar-thumb:hover {
background: var(--background-modifier-border-hover);
}
/* Focus states for accessibility */
.logically-research-assistant-container button:focus-visible,
.logically-research-assistant-container input:focus-visible,
.logically-research-assistant-container textarea:focus-visible {
outline: 2px solid var(--text-accent);
outline-offset: 2px;
}
/* Improve text selection in chat */
.logically-research-assistant-container .message-content::selection {
background: var(--text-selection);
}