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

Revert "Adjust plugin grid to fixed 2-column layout"

Browse Source 
This reverts commit a7daad5146.
This commit is contained in:
Marcus Quinn
2025-03-16 05:26:42 +00:00
parent a7daad5146
commit 4a036d40b1
1 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,11 +23,22 @@
/* Plugin Cards */ /* Plugin Cards */
/* Plugin Container */ /* Plugin Container */
#the-list { #the-list {
display: flex; display: grid;
flex-wrap: wrap; grid-template-columns: 1fr;
gap: 16px;
margin-top: 16px; margin-top: 16px;
margin-left: -8px; }
margin-right: -8px;
@media screen and (min-width: 600px) {
#the-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1200px) {
#the-list {
grid-template-columns: repeat(3, 1fr);
}
} }
/* Plugin Cards */ /* Plugin Cards */
@ -39,9 +50,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border-radius: 3px; border-radius: 3px;
width: 50%; width: 100%;
padding: 8px; margin: 0;
border-radius: 0; height: 100%; /* Ensure all cards have equal height */
} }
.plugin-card:hover { .plugin-card:hover {
@ -52,7 +63,6 @@
position: relative; position: relative;
padding: 20px 20px 10px; padding: 20px 20px 10px;
min-height: 135px; min-height: 135px;
border: none;
} }
.plugin-icon { .plugin-icon {