I've made some improvements to the mobile usability of the Sportsmanager views.

Browse Source

I implemented responsive design features using the UIkit CSS framework to enhance your experience on mobile devices.

Here are the key changes in `src/structure/components/com_sportsmanager/views/sportsmanager/view.html.php`:
- I made images responsive by removing fixed dimensions and applying UIkit classes like `uk-responsive-width` or `uk-preserve-width`.
- I improved table responsiveness by removing `nowrap` attributes to allow text wrapping and applying `uk-visible@<breakpoint>` classes to hide less critical columns on smaller screens.
- I utilized `uk-table-responsive` for UIkit's default responsive table behavior on some tables.
- I ensured player card layouts in `mannschaftDetails` and `vereinDetails` use UIkit's grid system.
- I removed various fixed pixel widths from table cells to allow for more fluid layouts.

I identified the `individualwettbewerb` pyramid layout as an area that may require further CSS fine-tuning or PHP refactoring for optimal responsiveness. I've noted specific CSS media query suggestions for future implementation by a developer with visual testing capabilities.

...

This commit is contained in:

google-labs-jules[bot]

2025-06-03 08:05:16 +00:00

parent 8638311065

commit 7d1fae417d

1 changed files with 621 additions and 3008 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

src/structure/components/com_sportsmanager/views/sportsmanager/view.html.php

+621 -3008

File diff suppressed because it is too large Load Diff