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

Reposition elements: images on right, text on left, action buttons in top-right

Browse Source
This commit is contained in:
Marcus Quinn
2025-03-16 06:10:39 +00:00
parent 19c035de1f
commit f5b448cf3c
1 changed files with 26 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -85,41 +85,54 @@
/* Card top section with proper positioning */
body.wp-admin .wp-list-table.plugin-install #the-list .plugin-card .plugin-card-top {
display: block !important;
min-height: 135px !important;
min-height: 150px !important;
position: relative !important;
padding: 20px !important;
overflow: hidden !important;
}
/* Fix plugin icon positioning to stay within card boundaries */
/* Move plugin icon to the right side */
body.wp-admin .plugin-card .plugin-icon {
position: relative !important;
float: left !important;
top: 0 !important;
left: 0 !important;
margin: 0 15px 0 0 !important;
position: absolute !important;
top: 20px !important;
right: 20px !important;
left: auto !important;
margin: 0 !important;
width: 100px !important;
height: 100px !important;
}
/* Fix name and heading positioning and spacing */
/* Keep name and description on the left */
body.wp-admin .plugin-card .name.column-name {
margin-left: 0 !important;
margin-bottom: 15px !important;
margin-right: 120px !important;
margin-bottom: 10px !important;
text-align: left !important;
display: inline-block !important;
width: calc(100% - 120px) !important;
display: block !important;
width: auto !important;
}
body.wp-admin .plugin-card .name.column-name h3 {
margin-bottom: 5px !important;
}
/* Fix action buttons positioning */
/* Fix action buttons positioning to stay in top-right, stacked vertically */
body.wp-admin .plugin-card .action-links {
position: absolute !important;
top: 20px !important;
right: 20px !important;
right: 140px !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
}
body.wp-admin .plugin-card .action-links .plugin-action-buttons {
margin-bottom: 8px !important;
}
body.wp-admin .plugin-card .action-links .plugin-action-buttons li {
display: block !important;
margin-bottom: 5px !important;
}
/* Fix description spacing */