Material Design

This commit is contained in:
2026-04-22 13:11:06 +02:00
parent d31591e287
commit 94569539d7
4 changed files with 244 additions and 108 deletions
+2 -2
View File
@@ -192,8 +192,8 @@ function statpress_goals_page() {
</div>
</div>
<style>
.statpress-progress-bar-container { background: #eee; border-radius: 4px; height: 12px; width: 100%; overflow: hidden; margin-bottom: 4px; }
.statpress-progress-bar { background: #3498db; height: 100%; border-radius: 4px; transition: width 0.5s ease-in-out; }
.statpress-progress-bar-container { background: #e8eaed; border-radius: 10px; height: 12px; width: 100%; overflow: hidden; margin-bottom: 4px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); }
.statpress-progress-bar { background: #1a73e8; height: 100%; border-radius: 10px; transition: width 0.5s ease-in-out; }
</style>
<?php
}
+9 -9
View File
@@ -110,29 +110,29 @@ function statpress_yearly_summary_page() {
'distance' => array(
'label' => 'Dystans (km)',
'data' => $chart_datasets['distance'],
'backgroundColor' => 'rgba(52, 152, 219, 0.5)',
'borderColor' => 'rgba(52, 152, 219, 1)',
'backgroundColor' => 'rgba(26, 115, 232, 0.5)', /* Google Blue */
'borderColor' => 'rgba(26, 115, 232, 1)',
'yAxisLabel' => 'Kilometry',
),
'duration' => array(
'label' => 'Czas trwania (godz.)',
'data' => $chart_datasets['duration'],
'backgroundColor' => 'rgba(26, 188, 156, 0.5)',
'borderColor' => 'rgba(26, 188, 156, 1)',
'backgroundColor' => 'rgba(24, 128, 56, 0.5)', /* Google Green */
'borderColor' => 'rgba(24, 128, 56, 1)',
'yAxisLabel' => 'Godziny',
),
'calories' => array(
'label' => 'Kalorie (kcal)',
'data' => $chart_datasets['calories'],
'backgroundColor' => 'rgba(231, 76, 60, 0.5)',
'borderColor' => 'rgba(231, 76, 60, 1)',
'backgroundColor' => 'rgba(217, 48, 37, 0.5)', /* Google Red */
'borderColor' => 'rgba(217, 48, 37, 1)',
'yAxisLabel' => 'kcal',
),
'activities' => array(
'label' => 'Liczba aktywności',
'data' => $chart_datasets['activities'],
'backgroundColor' => 'rgba(241, 196, 15, 0.5)',
'borderColor' => 'rgba(241, 196, 15, 1)',
'backgroundColor' => 'rgba(249, 171, 0, 0.5)', /* Google Yellow */
'borderColor' => 'rgba(249, 171, 0, 1)',
'yAxisLabel' => 'Ilość',
),
);
@@ -247,7 +247,7 @@ function statpress_yearly_summary_page() {
</div>
<style>
.statpress-goals-list { list-style: none; margin: 0; padding: 0; } .statpress-goal-item { margin-bottom: 15px; } .statpress-goal-info { display: flex; justify-content: space-between; margin-bottom: 5px; }
.statpress-progress-bar-container { background: #eee; border-radius: 4px; height: 18px; width: 100%; overflow: hidden; } .statpress-progress-bar { background: #3498db; height: 100%; border-radius: 4px; transition: width 0.5s ease-in-out; text-align: center; color: white; font-size: 11px; line-height: 18px; }
.statpress-progress-bar-container { background: #e8eaed; border-radius: 10px; height: 20px; width: 100%; overflow: hidden; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } .statpress-progress-bar { background: #1a73e8; height: 100%; border-radius: 10px; transition: width 0.5s ease-in-out; text-align: center; color: white; font-size: 12px; line-height: 20px; font-weight: 500; }
</style>
<?php endif; ?>