Remove session-based status tracking that was storing crypto_payment_status_{payment_id}
for every payment, causing cookie size to exceed 4KB limit with 35+ payments.
- Remove: request.session[session_key] = current_status
- Remove: previous_status tracking via session
- Keep: Flash messages for status notifications (they don't bloat cookies)
Flash messages now trigger on every poll instead of just transitions, but this
prevents the cookie bloat issue. Client-side can handle transition detection if needed.
The removePaymentElements() and replaceButtonsWithInvoiceLink() JavaScript
functions were using incorrect CSS selectors that tried to match hardcoded
inline style attributes (e.g., div[style*="grid-template-columns: 1fr 1fr 1fr"])
which don't exist in the actual template HTML.
Updated both functions to use the correct CSS class selectors:
- '.payment-grid' for QR code and payment instructions
- '.payment-buttons' for copy buttons and wallet links
This ensures that when a payment transitions to 'received' status, the polling
mechanism immediately hides the payment UI elements without requiring a page
refresh, preventing potential duplicate payments.
Fixed selectors in crypto_checkout.j2:150-162 and crypto_checkout.j2:165-206
- Create new action-columns CSS class for true 50/50 equal column layout
- Convert actions_view page to use action-columns with management buttons on right
- Convert actions_new page to use action-columns with New Product/Shop Location on right
- Convert user_settings page to use action-columns layout
- Remove shop names from actions pages for cleaner appearance
- Move log out button to bottom of user settings with red styling using --red-color var
- Add green + New button to user settings call_to_action
- Add consistent 42px bottom margin to all section.content elements
- Update green well styling to work with both one-column and action-columns classes
All pages now use consistent 50/50 column layouts that collapse to single column on mobile.
- Restore two-column layout for product and content pages on desktop
- Add font-weight: bold to comment buttons in light mode for consistency
Fixes regression where product pages were displaying single column on desktop
- Fix theme-switching layout shifts by adding transparent borders to light mode elements
- Add 2px transparent borders to buttons and comment elements in light mode
- Add 1px transparent borders to wells and alerts in light mode
- Reorganize user settings page with two-column layout (settings left, actions right)
- Move theme preference directly under User Settings heading
- Update purchases page to two-column layout (products left, invoices right)
- Remove horizontal rule from cart checkout button area
- Remove top margins from all heading tags (h1-h6)
- Add padding-bottom to desktop content sections
- Set navigation background to secondary color for consistency
Layout now remains stable when toggling between light and dark themes
- Fix negative DOGE processing fees from estimatesmartfee RPC issues
- Add abs() protection for both DOGE and Monero fee calculations
- Reduce transaction size estimate from 0.25KB to 0.15KB (more realistic)
- Change fee multiplier from 2x to 1.5x (less excessive)
- Set reasonable fallback fee of 0.5 DOGE when RPC fails
- Add negative feerate detection with proper error handling
- Fix crypto payment status color mapping (case insensitive lookup)
- Add missing status mappings for confirmed-overpay-complete and doublepay-refund-complete
- Improve comment system UI with dark mode styling and better layout
- Add CSS preloader to prevent trans-background image flashing
- Enhance user settings page with better button organization
- Remove "View Quote" button for cancelled crypto quotes
- Fix comment form styling and authentication flow
- Force single column layout on mobile (768px breakpoint) for checkout page
- Remove aggressive word-break: break-all from general content areas
- Add horizontal scrolling for pre/code tags to preserve technical content
- Clean up redundant word-wrap properties
Add word-breaking rules to handle magnet links and long URLs that cause
horizontal overflow. Uses word-wrap, overflow-wrap, and word-break to
force long strings to wrap instead of overflowing containers.
- Remove !important from product-main image rules, use specific selectors instead
- Add mobile-specific constraints to .product-images container
- Add overflow-x auto for mobile product image containers
- Ensure images stay within bounds on mobile without affecting tablet/desktop
- Override general img width rule for product-main images to prevent overflow
- Add overflow constraints to content sections (.product-description, .content, section.content)
- Use \!important to ensure product-main images use auto width instead of 100%
- Add horizontal scrolling fallback instead of layout breaking
Add width: 100% and box-sizing: border-box to base image rule to ensure images
properly fit within their grid containers and don't extend outside grid cells.
- Implement responsive checkout layout: single column for crypto-only, two columns when Stripe/shipping enabled
- Add progressive enhancement with :has() selector and fallback for older browsers
- Fix crypto button icon sizing with more specific selectors and \!important rules
- Ensure proper mobile responsive behavior
- Force images to 100% width to prevent overflow
- Add overflow-x auto to pre tags while preserving whitespace
- Prevent content elements from causing page-wide horizontal scrollbars
- Add margin-top to product purchase well on mobile for better spacing
- Prevent content images from causing horizontal scrollbars
- Improve mobile UX by separating product images from action buttons
Add dark mode override directly in ribbon template to ensure proper
CSS specificity. Shop theme links will now be white in dark mode
regardless of shop owner's configured link colors.
Override shop theme link colors to white in dark mode to ensure visibility
when shop owners have configured dark link colors that become invisible
against dark backgrounds.
- Replace theme dropdown with radio buttons for consistency
- Add immediate theme preview when changing shop default theme
- Add Stripe status indicators (enabled/disabled) matching crypto currencies
- Disable Stripe inputs when Stripe payments are disabled
- Improve dark mode text readability for note-text, status-message, and error-indicator
- Add comprehensive dark mode styling for all flash message types
- Remove horizontal rule dividers in crypto settings for cleaner layout
Fix radio buttons to properly reflect localStorage theme preference on page load.
Replaced unsupported :has() selector with closest() for better browser compatibility.
Added missing logic to sync radio button selection with stored theme preference.
Convert two remaining style="width: 100%;" declarations to use existing
full-width-input CSS class. This completes the cleanup of all static
inline styles, leaving only 2 dynamic inline styles remaining across
the entire template codebase.
File updated:
- user_crypto_settings.j2: Crypto address and label input fields
Remaining inline styles: 2 (both dynamic/business-critical)
Completed conversion of static inline styles in crypto_quotes_history.j2 and invoice.j2:
- Added comprehensive CSS classes for crypto history layout, status notices, and invoice components
- Converted 22 inline style instances to semantic CSS classes
- Improved maintainability while preserving all functionality
- Added status color classes for consistent semantic meaning across templates
Templates updated:
- crypto_quotes_history.j2: Payment cards, status notices, help sections
- invoice.j2: Discount sections, payment status indicators, layout components
CSS classes added: crypto-history-container, crypto-payment-card, status-*-notice,
invoice-*-section, status-success/warning/info/error, and utility classes.
- Convert all state names from underscore to dash format in markdown documentation
- Ensures consistency across all documentation formats (dot, svg, markdown)
- All payment states now use dashes: confirmed-complete, underpaid-refunded, etc.
- Maintains consistency with the source dot file which is the canonical reference
This completes the documentation naming convention standardization.
Change global img rule from width: 100% to max-width: 100% to allow
more specific image sizing rules to work properly. This prevents the
global rule from overriding thumbnail sizes, icons, and other specific
image dimensions while maintaining responsive behavior.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add new payment-toggle-button CSS class derived from comment button styles
- Apply consistent styling to all Stripe, Monero, and Dogecoin disable/re-enable buttons
- Consolidate crypto wallet disclaimers into single always-visible section
- Update help text to clarify re-enabling payments allows address updates
- Implement localStorage persistence for both crypto and Stripe toggle states
- Ensure graceful degradation for non-JavaScript users
- Remove redundant disclaimer text from individual currency forms
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Move crypto wallet verification disclaimer to top of section for better visibility
- Remove redundant Dogecoin address display message
- Ensure crypto wallet checkbox is always unchecked on page refresh
- Update disclaimer to use plural form for multiple wallet addresses
- Fix checkbox label alignment to display inline
- Update Stripe toggle label to be more descriptive
- Add JavaScript progressive enhancement for Stripe API key fields
- Ensure both crypto and Stripe forms are hidden by default with graceful degradation
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- **Mobile Layout Fix**: Restructured product/content templates to use direct grid children
- **Grid Areas**: Added proper grid-template-areas for desktop layout
- **Mobile Ordering**: Purchase/download buttons now appear after images on mobile
- **Template Structure**: Split sections into product-images, product-right, product-description, product-comments
- **CSS Grid**: Unified layout system using order properties for mobile and grid areas for desktop
- **UX Improvement**: Logical mobile flow - images, purchase, description, comments
- **Comment Form Styling**: Unified button styling across reply/edit forms with new CSS classes
- **Comment Actions**: Improved spacing, consistent button styling, and proper grid layout
- **Comment Navigation**: Added anchor redirects for delete/approve/unapprove actions
- **Product Layout**: Enhanced desktop two-column grid (2fr 1fr) with better proportions
- **Mobile Optimization**: Fixed button width and section ordering for mobile view
- **Template Consolidation**: Moved comments and description into main grid layout
- **Auto-refresh Removal**: Removed disruptive timers from content pages
## Bug Fixes:
- **Comment Deletion**: Fixed deleted comments still showing in frontend
- Added `enabled_children` property to Comment model to filter disabled comments
- Updated template to use `enabled_children` instead of `children` for replies
- Ensures soft-deleted comments (and their replies) properly disappear from view
## UI Improvements:
- **Comment Spacing**: Added 20px margin-bottom to all comments for better readability
- **Form Styling**: Removed unwanted `mps-submit` class from "Post Comment" button
- Eliminates `float: right` styling that was misaligning the button
## Technical Details:
- Root comments already filtered by database query (`Comment.disabled == False`)
- Child comments now properly filtered through `enabled_children` property
- Comment deletion uses soft delete (`comment.disable()`) preserving data integrity
- Black code formatting applied to maintain style consistency
The comment system now properly handles deletions and provides better visual hierarchy.
- Fix history page showing "refund pending" for underpaid-not-refunded status
- Add specific condition for -not-refunded statuses before -refunded condition
- Fix email templates to not show fee messages for no-refund cases
- Economically unviable refunds now show payment details only, not refund details
- Remove misleading "no fees deducted" message from no-refund scenarios
- Created .cart-continue-shopping-button class with blue styling
- Replaced product-edit-button class with cart-continue-shopping-button
- Button now has consistent styling across desktop and mobile
Removed support contact messages from:
- No refund address scenario emails
- Both text and HTML email templates
This is consistent with the policy that no support is offered for refunds.
