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

UI Improvements: Center-aligned tabs and filters, standardized button styles

Browse Source
This commit is contained in:
Marcus Quinn
2025-03-24 17:55:29 +00:00
parent c2276f4ebd
commit da5d08587c
2 changed files with 29 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
admin/css/wp-allstars-admin.css
View File

@ -48,6 +48,9 @@
position: sticky; position: sticky;
top: 32px; top: 32px;
z-index: 100; z-index: 100;
text-align: center; /* Center align the tabs */
display: flex;
justify-content: center; /* Ensure better centering for tabs */
} }
.nav-tab { .nav-tab {
@ -592,6 +595,19 @@ input:checked + .wp-toggle-slider:before {
gap: 8px; gap: 8px;
} }
/* Make theme buttons match size of plugin buttons */
.theme-actions .button {
margin: 0;
padding: 6px 14px;
height: auto;
line-height: 1.4;
font-size: 13px;
font-weight: 500;
min-width: 100px;
text-align: center;
border-radius: 4px;
}
/* Responsive Adjustments */ /* Responsive Adjustments */
@media screen and (max-width: 1200px) { @media screen and (max-width: 1200px) {
.plugin-card .name, .plugin-card .name,

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

@ -20,6 +20,7 @@
margin-right: 0; margin-right: 0;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
text-align: center; /* Center align filter bar content */
} }
/* Standard WordPress Plugin Grid Layout - exactly matching core */ /* Standard WordPress Plugin Grid Layout - exactly matching core */
@ -29,6 +30,18 @@
padding: 0; padding: 0;
} }
/* Center filter links */
.wp-filter .filter-links {
display: inline-block;
float: none !important;
margin: 0 auto;
}
.wp-filter .filter-links li {
float: none;
display: inline-block;
}
.wp-allstars-wrap #the-list { .wp-allstars-wrap #the-list {
margin: 0; margin: 0;
display: flex; display: flex;