fahed/hihala-dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Polish + Optimize: Clean metadata, remove !important, prune unused CSS

Browse Source 
- Update theme-color to match brand (#f8fafc), fix stale CRA description
- Remove manifest.json and logo192.png references (not used)
- Replace !important on chart export buttons with higher specificity selectors
- Remove unused .skeleton-text and .skeleton-loading CSS classes
- Remove duplicate skeleton animation keyframes

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
fahed
2026-03-25 18:28:34 +03:00
parent cf169b6b69
commit 0df13abfee
2 changed files with 12 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@@ -4,13 +4,8 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#f8fafc" />
<meta <meta name="description" content="HiHala Data Dashboard — Museum analytics, visitor tracking, and revenue insights" />
name="description"
content="Web site created using create-react-app"
/>
<link rel="apple-touch-icon" href="/logo192.png" />
<link rel="manifest" href="/manifest.json" />
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap" rel="stylesheet">

39
src/App.css
View File

@@ -153,26 +153,7 @@ html[dir="rtl"] {
background: var(--accent-hover); background: var(--accent-hover);
} }
/* Skeleton Loader */
.skeleton {
background: linear-gradient(90deg, var(--border) 25%, var(--bg) 50%, var(--border) 75%);
background-size: 200% 100%;
animation: skeleton-loading 1.5s infinite;
border-radius: 4px;
}
@keyframes skeleton-loading {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
.skeleton-text {
height: 1em;
margin-bottom: 0.5em;
}
.skeleton-text.lg { height: 2em; width: 60%; }
.skeleton-text.sm { height: 0.75em; width: 40%; }
/* Navigation */ /* Navigation */
.nav-bar { .nav-bar {
@@ -1968,12 +1949,12 @@ html[dir="rtl"] .chart-header-with-export {
} }
/* Download button - always top corner, outside normal flow */ /* Download button - always top corner, outside normal flow */
.chart-export-btn, .exportable-chart-wrapper .chart-export-btn,
.chart-export-btn.visible { .exportable-chart-wrapper .chart-export-btn.visible {
position: absolute !important; position: absolute;
top: 0 !important; top: 0;
right: 0 !important; right: 0;
left: auto !important; left: auto;
z-index: 10; z-index: 10;
width: 32px; width: 32px;
height: 32px; height: 32px;
@@ -1990,10 +1971,10 @@ html[dir="rtl"] .chart-header-with-export {
flex-shrink: 0; flex-shrink: 0;
} }
html[dir="rtl"] .chart-export-btn, html[dir="rtl"] .exportable-chart-wrapper .chart-export-btn,
html[dir="rtl"] .chart-export-btn.visible { html[dir="rtl"] .exportable-chart-wrapper .chart-export-btn.visible {
right: auto !important; right: auto;
left: 0 !important; left: 0;
} }
.chart-export-btn:hover { .chart-export-btn:hover {