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

Apply consistent styling to free plugins grid panels across all screen sizes

Browse Source
This commit is contained in:
Marcus Quinn
2025-03-17 01:48:01 +00:00
parent 3a6a89d2e8
commit 6947f72494
1 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -40,7 +40,15 @@
width: calc(50% - 16px); width: calc(50% - 16px);
background-color: #fff; background-color: #fff;
border: 1px solid #dcdcde; border: 1px solid #dcdcde;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-sizing: border-box; box-sizing: border-box;
transition: all 0.2s ease;
}
.plugin-card:hover {
border-color: #2271b1;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
} }
/* Ensure the right edge aligns with the navigation above */ /* Ensure the right edge aligns with the navigation above */
@ -69,6 +77,14 @@
.plugin-card { .plugin-card {
width: 100%; width: 100%;
margin: 0 0 16px 0; margin: 0 0 16px 0;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
transition: all 0.2s ease;
}
.plugin-card:hover {
border-color: #2271b1;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
} }
} }
@ -76,10 +92,18 @@
@media screen and (max-width: 782px) { @media screen and (max-width: 782px) {
body.wp-admin .wp-list-table.plugin-install #the-list .plugin-card { body.wp-admin .wp-list-table.plugin-install #the-list .plugin-card {
border: 1px solid #dcdcde !important; border: 1px solid #dcdcde !important;
border-radius: 8px !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
width: 100% !important; width: 100% !important;
margin: 0 0 16px 0 !important; margin: 0 0 16px 0 !important;
padding: 0 !important; padding: 0 !important;
box-sizing: border-box !important; box-sizing: border-box !important;
transition: all 0.2s ease !important;
}
body.wp-admin .wp-list-table.plugin-install #the-list .plugin-card:hover {
border-color: #2271b1 !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
} }
/* Card top section with proper positioning */ /* Card top section with proper positioning */