marcus/wpa-superstar-plugin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix responsive navigation: make top tabs and filter links wrap properly at smaller window widths

Browse Source
This commit is contained in:
Marcus Quinn
2025-03-25 00:55:46 +00:00
parent d5a4a29ae9
commit 4f391f0cda
2 changed files with 41 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
admin/css/wp-allstars-plugins.css
View File

@ -28,9 +28,12 @@
/* Center filter links */
.wp-filter .filter-links {
display: inline-block;
display: flex;
flex-wrap: wrap;
justify-content: center;
float: none !important;
margin: 0 auto;
width: 100%;
}
.wp-filter .filter-links li {
@ -38,6 +41,21 @@
display: inline-block;
}
/* Responsive filters */
@media screen and (max-width: 782px) {
.wp-filter .filter-links li > a {
padding: 12px 8px;
font-size: 13px;
}
}
@media screen and (max-width: 600px) {
.wp-filter .filter-links li > a {
padding: 10px 6px;
font-size: 12px;
}
}
/* Plugin Cards - Use consistent layout similar to 768px width for all screens */
.plugin-card {
margin: 0 0 24px 0 !important;