dwindown/WooNooW
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Address issues with all 4 features

Browse Source 
1. Admin Store Link - Add to WP admin bar (Menu.php) with proper option check
2. Activity Log - Fix Loading text to show correct state after data loads
3. Avatar Upload - Use correct option key woonoow_allow_custom_avatar
4. Downloadable Files - Connect to WooCommerce native:
   - Add downloads array to format_product_full
   - Add downloads/download_limit/download_expiry handling in update_product
   - Add downloads handling in create_product
This commit is contained in:
Dwindi Ramadhana
2026-01-05 00:22:08 +07:00
parent 51c759a4f5
commit 86dca3e9c2
5 changed files with 147 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

136
customer-spa/src/styles/theme.css
View File

@@ -9,14 +9,14 @@
/* ========================================
* COLORS
* ======================================== */
/* Brand Colors (injected from settings) */
--color-primary: #3B82F6;
--color-secondary: #8B5CF6;
--color-accent: #10B981;
--color-background: #FFFFFF;
--color-text: #1F2937;
/* Color Shades (auto-generated) */
--color-primary-50: #EFF6FF;
--color-primary-100: #DBEAFE;
@@ -28,13 +28,13 @@
--color-primary-700: #1D4ED8;
--color-primary-800: #1E40AF;
--color-primary-900: #1E3A8A;
/* Semantic Colors */
--color-success: #10B981;
--color-warning: #F59E0B;
--color-error: #EF4444;
--color-info: #3B82F6;
/* Neutral Colors */
--color-gray-50: #F9FAFB;
--color-gray-100: #F3F4F6;
@@ -46,16 +46,16 @@
--color-gray-700: #374151;
--color-gray-800: #1F2937;
--color-gray-900: #111827;
/* ========================================
* TYPOGRAPHY
* ======================================== */
/* Font Families (injected from settings) */
--font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--font-body: 'Lora', Georgia, serif;
--font-mono: 'IBM Plex Mono', 'Courier New', monospace;
/* Font Weights */
--font-weight-heading: 700;
--font-weight-body: 400;
@@ -64,19 +64,29 @@
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
/* Font Sizes (8px base scale) */
--text-xs: 0.75rem; /* 12px */
--text-sm: 0.875rem; /* 14px */
--text-base: 1rem; /* 16px */
--text-lg: 1.125rem; /* 18px */
--text-xl: 1.25rem; /* 20px */
--text-2xl: 1.5rem; /* 24px */
--text-3xl: 1.875rem; /* 30px */
--text-4xl: 2.25rem; /* 36px */
--text-5xl: 3rem; /* 48px */
--text-6xl: 3.75rem; /* 60px */
--text-xs: 0.75rem;
/* 12px */
--text-sm: 0.875rem;
/* 14px */
--text-base: 1rem;
/* 16px */
--text-lg: 1.125rem;
/* 18px */
--text-xl: 1.25rem;
/* 20px */
--text-2xl: 1.5rem;
/* 24px */
--text-3xl: 1.875rem;
/* 30px */
--text-4xl: 2.25rem;
/* 36px */
--text-5xl: 3rem;
/* 48px */
--text-6xl: 3.75rem;
/* 60px */
/* Line Heights */
--line-height-none: 1;
--line-height-tight: 1.25;
@@ -84,70 +94,87 @@
--line-height-normal: 1.5;
--line-height-relaxed: 1.625;
--line-height-loose: 2;
/* ========================================
* SPACING (8px grid system)
* ======================================== */
--space-0: 0;
--space-1: 0.5rem; /* 8px */
--space-2: 1rem; /* 16px */
--space-3: 1.5rem; /* 24px */
--space-4: 2rem; /* 32px */
--space-5: 2.5rem; /* 40px */
--space-6: 3rem; /* 48px */
--space-8: 4rem; /* 64px */
--space-10: 5rem; /* 80px */
--space-12: 6rem; /* 96px */
--space-16: 8rem; /* 128px */
--space-20: 10rem; /* 160px */
--space-24: 12rem; /* 192px */
--space-1: 0.5rem;
/* 8px */
--space-2: 1rem;
/* 16px */
--space-3: 1.5rem;
/* 24px */
--space-4: 2rem;
/* 32px */
--space-5: 2.5rem;
/* 40px */
--space-6: 3rem;
/* 48px */
--space-8: 4rem;
/* 64px */
--space-10: 5rem;
/* 80px */
--space-12: 6rem;
/* 96px */
--space-16: 8rem;
/* 128px */
--space-20: 10rem;
/* 160px */
--space-24: 12rem;
/* 192px */
/* ========================================
* BORDER RADIUS
* ======================================== */
--radius-none: 0;
--radius-sm: 0.25rem; /* 4px */
--radius-md: 0.5rem; /* 8px */
--radius-lg: 1rem; /* 16px */
--radius-xl: 1.5rem; /* 24px */
--radius-2xl: 2rem; /* 32px */
--radius-sm: 0.25rem;
/* 4px */
--radius-md: 0.5rem;
/* 8px */
--radius-lg: 1rem;
/* 16px */
--radius-xl: 1.5rem;
/* 24px */
--radius-2xl: 2rem;
/* 32px */
--radius-full: 9999px;
/* ========================================
* SHADOWS
* ======================================== */
--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
/* ========================================
* TRANSITIONS
* ======================================== */
--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
--transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
--transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
/* ========================================
* BREAKPOINTS (for reference in JS)
* ======================================== */
--breakpoint-sm: 640px;
--breakpoint-md: 768px;
--breakpoint-lg: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1536px;
/* ========================================
* Z-INDEX SCALE
* ======================================== */
--z-base: 0;
--z-dropdown: 1000;
--z-sticky: 1020;
@@ -166,7 +193,7 @@
:root {
--color-background: #1F2937;
--color-text: #F9FAFB;
/* Invert gray scale for dark mode */
--color-gray-50: #111827;
--color-gray-100: #1F2937;
@@ -205,7 +232,12 @@ body {
background-color: var(--color-background);
}
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-heading);
font-weight: var(--font-weight-heading);
line-height: var(--line-height-tight);
@@ -247,7 +279,7 @@ a:hover {
}
button {
font-family: var(--font-heading);
font-family: var(--font-body);
cursor: pointer;
}
@@ -296,4 +328,4 @@ img {
.container {
max-width: 1536px;
}
}
}