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

Revert "Improve plugin grid layout with responsive design"

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

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

@ -20,29 +20,10 @@
box-sizing: border-box; box-sizing: border-box;
} }
/* Plugin Cards */
/* Plugin Container */
#the-list {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
margin-top: 16px;
}
@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 */
.plugin-card { .plugin-card {
width: calc(50% - 16px);
margin: 8px;
background-color: #fff; background-color: #fff;
border: 1px solid #dcdcde; border: 1px solid #dcdcde;
box-sizing: border-box; box-sizing: border-box;
@ -50,9 +31,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border-radius: 3px; border-radius: 3px;
width: 100%;
margin: 0;
height: 100%; /* Ensure all cards have equal height */
} }
.plugin-card:hover { .plugin-card:hover {
@ -117,18 +95,14 @@
background-color: #f6f7f7; background-color: #f6f7f7;
overflow: hidden; overflow: hidden;
border-top: 1px solid #dcdcde; border-top: 1px solid #dcdcde;
display: grid; display: flex;
grid-template-columns: repeat(2, 1fr); flex-wrap: wrap;
gap: 10px;
margin-top: auto; /* Push to bottom of card */
} }
.plugin-card-bottom > div { .plugin-card-bottom > div {
margin-bottom: 0; margin-bottom: 0;
flex: 1 0 auto;
padding-bottom: 0; padding-bottom: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
.column-rating { .column-rating {