obsidian-plugin/andy-stack_vaultkeeper-ai
1
0
Fork 0
mirror of https://github.com/andy-stack/vaultkeeper-ai.git synced 2026-07-22 06:42:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
andy-stack_vaultkeeper-ai/Styles/diff2html_styles.css

175 lines
5.5 KiB
CSS
Raw Normal View History

Refactor diff2html styles to use CSS variable remapping Replace direct color overrides with systematic CSS variable remapping that delegates to Obsidian's theme system. Map both light and dark diff2html variables to corresponding Obsidian variables, allowing automatic theme adaptation. Remove redundant theme-specific rules and unnecessary !important declarations for cleaner, more maintainable code.
2026-05-25 15:46:37 +00:00
/*
* Remap diff2html's CSS variables to Obsidian's theme variables.
* Because .d2h-wrapper is more specific than :root (where diff2html defines
* its defaults), these win without !important — and any Obsidian theme that
* overrides --background-primary, --color-red, etc. flows through for free.
*/
.d2h-wrapper {
--d2h-bg-color: var(--background-primary);
--d2h-border-color: var(--background-modifier-border);
--d2h-line-border-color: var(--background-modifier-border);
--d2h-file-header-bg-color: var(--background-secondary);
--d2h-file-header-border-color: var(--background-modifier-border);
--d2h-info-bg-color: var(--background-secondary);
--d2h-info-border-color: var(--background-modifier-border);
--d2h-empty-placeholder-bg-color: var(--background-secondary-alt);
--d2h-empty-placeholder-border-color: var(--background-modifier-border);
--d2h-selected-color: var(--background-modifier-hover);
--d2h-dim-color: var(--text-muted);
--d2h-ins-bg-color: rgba(var(--color-green-rgb), 0.15);
--d2h-ins-border-color: rgba(var(--color-green-rgb), 0.4);
--d2h-ins-highlight-bg-color: rgba(var(--color-green-rgb), 0.35);
--d2h-ins-label-color: var(--color-green);
--d2h-del-bg-color: rgba(var(--color-red-rgb), 0.15);
--d2h-del-border-color: rgba(var(--color-red-rgb), 0.4);
--d2h-del-highlight-bg-color: rgba(var(--color-red-rgb), 0.35);
--d2h-del-label-color: var(--color-red);
--d2h-change-del-color: rgba(var(--color-yellow-rgb), 0.2);
--d2h-change-ins-color: rgba(var(--color-green-rgb), 0.2);
--d2h-change-label-color: var(--color-yellow);
--d2h-moved-label-color: var(--color-blue);
/*
* Dark-scheme twins: diff2html applies .d2h-dark-color-scheme or
* .d2h-auto-color-scheme (via prefers-color-scheme) and switches its rules
* to the --d2h-dark-* variables. Point those at the same Obsidian
* variables — Obsidian itself swaps --background-primary etc. when the
* vault theme toggles, so one mapping covers both modes.
*/
--d2h-dark-color: var(--text-normal);
--d2h-dark-bg-color: var(--background-primary);
--d2h-dark-border-color: var(--background-modifier-border);
--d2h-dark-dim-color: var(--text-muted);
--d2h-dark-line-border-color: var(--background-modifier-border);
--d2h-dark-file-header-bg-color: var(--background-secondary);
--d2h-dark-file-header-border-color: var(--background-modifier-border);
--d2h-dark-empty-placeholder-bg-color: var(--background-secondary-alt);
--d2h-dark-empty-placeholder-border-color: var(--background-modifier-border);
--d2h-dark-selected-color: var(--background-modifier-hover);
--d2h-dark-ins-bg-color: rgba(var(--color-green-rgb), 0.15);
--d2h-dark-ins-border-color: rgba(var(--color-green-rgb), 0.4);
--d2h-dark-ins-highlight-bg-color: rgba(var(--color-green-rgb), 0.35);
--d2h-dark-ins-label-color: var(--color-green);
--d2h-dark-del-bg-color: rgba(var(--color-red-rgb), 0.15);
--d2h-dark-del-border-color: rgba(var(--color-red-rgb), 0.4);
--d2h-dark-del-highlight-bg-color: rgba(var(--color-red-rgb), 0.35);
--d2h-dark-del-label-color: var(--color-red);
--d2h-dark-change-del-color: rgba(var(--color-yellow-rgb), 0.2);
--d2h-dark-change-ins-color: rgba(var(--color-green-rgb), 0.2);
--d2h-dark-change-label-color: var(--color-yellow);
--d2h-dark-moved-label-color: var(--color-blue);
color: var(--text-normal);
}
/* ============================== */
/* Structural / layout fixes */
/* ============================== */
Add ability for users to provide suggestions during diff review through new DiffControls component. Integrate suggestion workflow into chat input, allowing users to approve/reject changes or provide feedback without interrupting the review process. Improve component lifecycle management by converting DiffService and StatusBarService to extend Component class, ensuring proper cleanup and event handling. Add automatic service cleanup in DependencyService during deregistration. Refine error handling in AI function responses to return error messages instead of Error objects for better serialization. Update user rejection messaging to provide clearer guidance to AI about stopping actions.
2025-11-27 12:39:08 +00:00
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
.d2h-wrapper {
Refactor file patching from unified diff to direct string replace This change simplifies the patch mechanism by replacing the unified diff format with a straightforward find-and-replace approach. The PatchVaultFile function now accepts oldContent and newContent parameters instead of a diff patch string, making it more intuitive and reliable for AI agents to use. Key changes: - Update PatchVaultFile function signature and documentation - Replace diff.applyPatch() with String.replace() - Simplify error handling for content matching - Update all tests to reflect new API - Remove unused applyPatch method from DiffService - Fix diff container height calculation in CSS - Fix error notification logic in ChatService - Fix conversation deletion order in TopBar component
2025-12-05 23:02:55 +00:00
container-type: size;
container-name: diff-wrapper;
feat: implement centralized abort controller with enhanced cancellation UX Introduce a new AbortService to centralize cancellation logic across all async operations, replacing scattered AbortSignal parameters with a unified singleton service. This improves maintainability and provides consistent cancellation behavior throughout the application. Key changes: - Add AbortService for centralized abort signal management with automatic cleanup - Refactor all AI providers (Claude, Gemini, OpenAI) to use AbortService instead of passing AbortSignal parameters - Update streaming operations to use centralized abort handling - Add CancellationIndicator component to show visual feedback during operation cancellation - Rename ChatAreaThought to ThoughtIndicator for better semantic clarity - Add Environment enum for consistent environment detection - Enhance ChatService lifecycle with proper cancellation state management - Remove scattered abort-related UI selectors and error messages in favor of dedicated indicator - Add safeContinue() factory method to ConversationContent for internal continuations - Update all tests to reflect new abort handling architecture This change simplifies the API surface by removing AbortSignal parameters from method signatures while improving the user experience with clearer cancellation feedback.
2025-12-04 23:04:20 +00:00
transform: translateZ(0);
Refactor file patching from unified diff to direct string replace This change simplifies the patch mechanism by replacing the unified diff format with a straightforward find-and-replace approach. The PatchVaultFile function now accepts oldContent and newContent parameters instead of a diff patch string, making it more intuitive and reliable for AI agents to use. Key changes: - Update PatchVaultFile function signature and documentation - Replace diff.applyPatch() with String.replace() - Simplify error handling for content matching - Update all tests to reflect new API - Remove unused applyPatch method from DiffService - Fix diff container height calculation in CSS - Fix error notification logic in ChatService - Fix conversation deletion order in TopBar component
2025-12-05 23:02:55 +00:00
height: 100cqh;
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
}
.d2h-file-header {
Refactor file patching from unified diff to direct string replace This change simplifies the patch mechanism by replacing the unified diff format with a straightforward find-and-replace approach. The PatchVaultFile function now accepts oldContent and newContent parameters instead of a diff patch string, making it more intuitive and reliable for AI agents to use. Key changes: - Update PatchVaultFile function signature and documentation - Replace diff.applyPatch() with String.replace() - Simplify error handling for content matching - Update all tests to reflect new API - Remove unused applyPatch method from DiffService - Fix diff container height calculation in CSS - Fix error notification logic in ChatService - Fix conversation deletion order in TopBar component
2025-12-05 23:02:55 +00:00
height: 35px;
Refactor diff2html styles to use CSS variable remapping Replace direct color overrides with systematic CSS variable remapping that delegates to Obsidian's theme system. Map both light and dark diff2html variables to corresponding Obsidian variables, allowing automatic theme adaptation. Remove redundant theme-specific rules and unnecessary !important declarations for cleaner, more maintainable code.
2026-05-25 15:46:37 +00:00
padding: 0;
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
}
Add ability for users to provide suggestions during diff review through new DiffControls component. Integrate suggestion workflow into chat input, allowing users to approve/reject changes or provide feedback without interrupting the review process. Improve component lifecycle management by converting DiffService and StatusBarService to extend Component class, ensuring proper cleanup and event handling. Add automatic service cleanup in DependencyService during deregistration. Refine error handling in AI function responses to return error messages instead of Error objects for better serialization. Update user rejection messaging to provide clearer guidance to AI about stopping actions.
2025-11-27 12:39:08 +00:00
.d2h-file-name-wrapper {
Refactor diff2html styles to use CSS variable remapping Replace direct color overrides with systematic CSS variable remapping that delegates to Obsidian's theme system. Map both light and dark diff2html variables to corresponding Obsidian variables, allowing automatic theme adaptation. Remove redundant theme-specific rules and unnecessary !important declarations for cleaner, more maintainable code.
2026-05-25 15:46:37 +00:00
padding-left: 8px;
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
}
feat: implement centralized abort controller with enhanced cancellation UX Introduce a new AbortService to centralize cancellation logic across all async operations, replacing scattered AbortSignal parameters with a unified singleton service. This improves maintainability and provides consistent cancellation behavior throughout the application. Key changes: - Add AbortService for centralized abort signal management with automatic cleanup - Refactor all AI providers (Claude, Gemini, OpenAI) to use AbortService instead of passing AbortSignal parameters - Update streaming operations to use centralized abort handling - Add CancellationIndicator component to show visual feedback during operation cancellation - Rename ChatAreaThought to ThoughtIndicator for better semantic clarity - Add Environment enum for consistent environment detection - Enhance ChatService lifecycle with proper cancellation state management - Remove scattered abort-related UI selectors and error messages in favor of dedicated indicator - Add safeContinue() factory method to ConversationContent for internal continuations - Update all tests to reflect new abort handling architecture This change simplifies the API surface by removing AbortSignal parameters from method signatures while improving the user experience with clearer cancellation feedback.
2025-12-04 23:04:20 +00:00
.d2h-code-linenumber {
cursor: default;
fix: improve chat service lifecycle and diff handling reliability - Stop chat service before loading conversations and resetting - Add proper diff cancellation with resolve callback - Add runtime type guards for plugin settings API access - Improve diff view layout with padding adjustments - Remove overly permissive TypeScript ESLint overrides
2025-11-27 16:47:21 +00:00
}
Add ability for users to provide suggestions during diff review through new DiffControls component. Integrate suggestion workflow into chat input, allowing users to approve/reject changes or provide feedback without interrupting the review process. Improve component lifecycle management by converting DiffService and StatusBarService to extend Component class, ensuring proper cleanup and event handling. Add automatic service cleanup in DependencyService during deregistration. Refine error handling in AI function responses to return error messages instead of Error objects for better serialization. Update user rejection messaging to provide clearer guidance to AI about stopping actions.
2025-11-27 12:39:08 +00:00
.d2h-file-diff {
feat: implement centralized abort controller with enhanced cancellation UX Introduce a new AbortService to centralize cancellation logic across all async operations, replacing scattered AbortSignal parameters with a unified singleton service. This improves maintainability and provides consistent cancellation behavior throughout the application. Key changes: - Add AbortService for centralized abort signal management with automatic cleanup - Refactor all AI providers (Claude, Gemini, OpenAI) to use AbortService instead of passing AbortSignal parameters - Update streaming operations to use centralized abort handling - Add CancellationIndicator component to show visual feedback during operation cancellation - Rename ChatAreaThought to ThoughtIndicator for better semantic clarity - Add Environment enum for consistent environment detection - Enhance ChatService lifecycle with proper cancellation state management - Remove scattered abort-related UI selectors and error messages in favor of dedicated indicator - Add safeContinue() factory method to ConversationContent for internal continuations - Update all tests to reflect new abort handling architecture This change simplifies the API surface by removing AbortSignal parameters from method signatures while improving the user experience with clearer cancellation feedback.
2025-12-04 23:04:20 +00:00
overflow: auto;
Refactor file patching from unified diff to direct string replace This change simplifies the patch mechanism by replacing the unified diff format with a straightforward find-and-replace approach. The PatchVaultFile function now accepts oldContent and newContent parameters instead of a diff patch string, making it more intuitive and reliable for AI agents to use. Key changes: - Update PatchVaultFile function signature and documentation - Replace diff.applyPatch() with String.replace() - Simplify error handling for content matching - Update all tests to reflect new API - Remove unused applyPatch method from DiffService - Fix diff container height calculation in CSS - Fix error notification logic in ChatService - Fix conversation deletion order in TopBar component
2025-12-05 23:02:55 +00:00
max-height: calc(100cqh - 37px);
feat: implement centralized abort controller with enhanced cancellation UX Introduce a new AbortService to centralize cancellation logic across all async operations, replacing scattered AbortSignal parameters with a unified singleton service. This improves maintainability and provides consistent cancellation behavior throughout the application. Key changes: - Add AbortService for centralized abort signal management with automatic cleanup - Refactor all AI providers (Claude, Gemini, OpenAI) to use AbortService instead of passing AbortSignal parameters - Update streaming operations to use centralized abort handling - Add CancellationIndicator component to show visual feedback during operation cancellation - Rename ChatAreaThought to ThoughtIndicator for better semantic clarity - Add Environment enum for consistent environment detection - Enhance ChatService lifecycle with proper cancellation state management - Remove scattered abort-related UI selectors and error messages in favor of dedicated indicator - Add safeContinue() factory method to ConversationContent for internal continuations - Update all tests to reflect new abort handling architecture This change simplifies the API surface by removing AbortSignal parameters from method signatures while improving the user experience with clearer cancellation feedback.
2025-12-04 23:04:20 +00:00
}
Refactor diff2html styles to use CSS variable remapping Replace direct color overrides with systematic CSS variable remapping that delegates to Obsidian's theme system. Map both light and dark diff2html variables to corresponding Obsidian variables, allowing automatic theme adaptation. Remove redundant theme-specific rules and unnecessary !important declarations for cleaner, more maintainable code.
2026-05-25 15:46:37 +00:00
.d2h-diff-table {
position: relative;
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
}
feat: implement centralized abort controller with enhanced cancellation UX Introduce a new AbortService to centralize cancellation logic across all async operations, replacing scattered AbortSignal parameters with a unified singleton service. This improves maintainability and provides consistent cancellation behavior throughout the application. Key changes: - Add AbortService for centralized abort signal management with automatic cleanup - Refactor all AI providers (Claude, Gemini, OpenAI) to use AbortService instead of passing AbortSignal parameters - Update streaming operations to use centralized abort handling - Add CancellationIndicator component to show visual feedback during operation cancellation - Rename ChatAreaThought to ThoughtIndicator for better semantic clarity - Add Environment enum for consistent environment detection - Enhance ChatService lifecycle with proper cancellation state management - Remove scattered abort-related UI selectors and error messages in favor of dedicated indicator - Add safeContinue() factory method to ConversationContent for internal continuations - Update all tests to reflect new abort handling architecture This change simplifies the API surface by removing AbortSignal parameters from method signatures while improving the user experience with clearer cancellation feedback.
2025-12-04 23:04:20 +00:00
.d2h-code-side-linenumber {
position: relative;
display: table-cell;
}
feat: add mobile support for diff view with accept/reject buttons - Add mobile-specific controls with Accept/Reject buttons for diff review - Centralize user rejection/suggestion messages in AIFunctionResponse - Update VaultService to use centralized message constants - Style mobile buttons with proper touch targets and theme colors - Auto-focus main view after accepting/rejecting changes on mobile
2025-12-06 16:38:01 +00:00
/* ============================== */
Refactor diff2html styles to use CSS variable remapping Replace direct color overrides with systematic CSS variable remapping that delegates to Obsidian's theme system. Map both light and dark diff2html variables to corresponding Obsidian variables, allowing automatic theme adaptation. Remove redundant theme-specific rules and unnecessary !important declarations for cleaner, more maintainable code.
2026-05-25 15:46:37 +00:00
/* Mobile Controls */
feat: add mobile support for diff view with accept/reject buttons - Add mobile-specific controls with Accept/Reject buttons for diff review - Centralize user rejection/suggestion messages in AIFunctionResponse - Update VaultService to use centralized message constants - Style mobile buttons with proper touch targets and theme colors - Auto-focus main view after accepting/rejecting changes on mobile
2025-12-06 16:38:01 +00:00
/* ============================== */
.diff-mobile-controls {
display: none; /* Hidden by default (desktop) */
}
Standardize border-radius CSS vars and improve modal spacing (post obsidian mobile UI change) Replace legacy radius vars (--modal-radius, --button-radius, --input-radius) with standardized tokens (--radius-l, --radius-m). Add margins to modals and top bar divider for better spacing. Fix mobile diff view bottom margin to avoid Obsidian controls overlap.
2026-01-29 14:22:44 +00:00
/* Avoid the floating obsidian controls */
@media (max-width: 600px) {
.diff-mobile-controls {
fix: improve mobile layout spacing and modal margins - Add horizontal margin to conversation divider in TopBar - Adjust grid row sizing in conversation history modal - Remove margin from modals on mobile screens (≤600px) - Reduce bottom margin for diff mobile controls - Remove redundant background styling from diff button container - Fix diff view height calculation on mobile to avoid control overlap
2026-01-30 10:00:16 +00:00
margin-bottom: 85px;
Standardize border-radius CSS vars and improve modal spacing (post obsidian mobile UI change) Replace legacy radius vars (--modal-radius, --button-radius, --input-radius) with standardized tokens (--radius-l, --radius-m). Add margins to modals and top bar divider for better spacing. Fix mobile diff view bottom margin to avoid Obsidian controls overlap.
2026-01-29 14:22:44 +00:00
}
}
feat: add mobile support for diff view with accept/reject buttons - Add mobile-specific controls with Accept/Reject buttons for diff review - Centralize user rejection/suggestion messages in AIFunctionResponse - Update VaultService to use centralized message constants - Style mobile buttons with proper touch targets and theme colors - Auto-focus main view after accepting/rejecting changes on mobile
2025-12-06 16:38:01 +00:00
.diff-view-mobile .diff-mobile-controls {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--size-4-2);
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: var(--size-4-3);
z-index: 10;
}
.diff-mobile-button {
min-height: 44px;
font-size: var(--font-ui-medium);
font-weight: var(--font-semibold);
border-radius: var(--button-radius);
cursor: pointer;
border: none;
color: var(--text-on-accent);
}
.diff-mobile-accept {
background-color: color-mix(
in srgb,
var(--color-green) 75%,
var(--background-primary) 25%
Refactor diff2html styles to use CSS variable remapping Replace direct color overrides with systematic CSS variable remapping that delegates to Obsidian's theme system. Map both light and dark diff2html variables to corresponding Obsidian variables, allowing automatic theme adaptation. Remove redundant theme-specific rules and unnecessary !important declarations for cleaner, more maintainable code.
2026-05-25 15:46:37 +00:00
);
feat: add mobile support for diff view with accept/reject buttons - Add mobile-specific controls with Accept/Reject buttons for diff review - Centralize user rejection/suggestion messages in AIFunctionResponse - Update VaultService to use centralized message constants - Style mobile buttons with proper touch targets and theme colors - Auto-focus main view after accepting/rejecting changes on mobile
2025-12-06 16:38:01 +00:00
}
.diff-mobile-accept:active {
Refactor diff2html styles to use CSS variable remapping Replace direct color overrides with systematic CSS variable remapping that delegates to Obsidian's theme system. Map both light and dark diff2html variables to corresponding Obsidian variables, allowing automatic theme adaptation. Remove redundant theme-specific rules and unnecessary !important declarations for cleaner, more maintainable code.
2026-05-25 15:46:37 +00:00
background-color: var(--color-green);
feat: add mobile support for diff view with accept/reject buttons - Add mobile-specific controls with Accept/Reject buttons for diff review - Centralize user rejection/suggestion messages in AIFunctionResponse - Update VaultService to use centralized message constants - Style mobile buttons with proper touch targets and theme colors - Auto-focus main view after accepting/rejecting changes on mobile
2025-12-06 16:38:01 +00:00
}
.diff-mobile-reject {
background-color: color-mix(
in srgb,
var(--color-red) 75%,
var(--background-primary) 25%
Refactor diff2html styles to use CSS variable remapping Replace direct color overrides with systematic CSS variable remapping that delegates to Obsidian's theme system. Map both light and dark diff2html variables to corresponding Obsidian variables, allowing automatic theme adaptation. Remove redundant theme-specific rules and unnecessary !important declarations for cleaner, more maintainable code.
2026-05-25 15:46:37 +00:00
);
feat: add mobile support for diff view with accept/reject buttons - Add mobile-specific controls with Accept/Reject buttons for diff review - Centralize user rejection/suggestion messages in AIFunctionResponse - Update VaultService to use centralized message constants - Style mobile buttons with proper touch targets and theme colors - Auto-focus main view after accepting/rejecting changes on mobile
2025-12-06 16:38:01 +00:00
}
.diff-mobile-reject:active {
Refactor diff2html styles to use CSS variable remapping Replace direct color overrides with systematic CSS variable remapping that delegates to Obsidian's theme system. Map both light and dark diff2html variables to corresponding Obsidian variables, allowing automatic theme adaptation. Remove redundant theme-specific rules and unnecessary !important declarations for cleaner, more maintainable code.
2026-05-25 15:46:37 +00:00
background-color: var(--color-red);
feat: add mobile support for diff view with accept/reject buttons - Add mobile-specific controls with Accept/Reject buttons for diff review - Centralize user rejection/suggestion messages in AIFunctionResponse - Update VaultService to use centralized message constants - Style mobile buttons with proper touch targets and theme colors - Auto-focus main view after accepting/rejecting changes on mobile
2025-12-06 16:38:01 +00:00
}
/* Adjust diff height on mobile to account for buttons */
.diff-view-mobile .d2h-file-diff {
max-height: calc(100cqh - 37px - 40px);
fix: improve mobile layout spacing and modal margins - Add horizontal margin to conversation divider in TopBar - Adjust grid row sizing in conversation history modal - Remove margin from modals on mobile screens (≤600px) - Reduce bottom margin for diff mobile controls - Remove redundant background styling from diff button container - Fix diff view height calculation on mobile to avoid control overlap
2026-01-30 10:00:16 +00:00
}
/* Avoid the floating obsidian controls */
@media (max-width: 600px) {
.diff-view-mobile .d2h-file-diff {
max-height: calc(100cqh - 37px - 120px);
}
Standardize border-radius CSS vars and improve modal spacing (post obsidian mobile UI change) Replace legacy radius vars (--modal-radius, --button-radius, --input-radius) with standardized tokens (--radius-l, --radius-m). Add margins to modals and top bar divider for better spacing. Fix mobile diff view bottom margin to avoid Obsidian controls overlap.
2026-01-29 14:22:44 +00:00
}
Reference in a new issue Copy permalink