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

Revert "Adjust media queries to maintain desktop layout between 1086px and 768px"

Browse Source 
This reverts commit 4266f37e4d.
This commit is contained in:
Marcus Quinn
2025-03-16 18:19:59 +00:00
parent 4266f37e4d
commit 088fa0e52b
1 changed files with 3 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -64,26 +64,8 @@
} }
} }
/* Responsive behavior - only change layout below 1086px and above 768px */ /* Responsive behavior */
@media screen and (max-width: 1086px) and (min-width: 769px) { @media screen and (max-width: 1260px) {
/* Keep the desktop layout in this range */
.plugin-card {
width: calc(50% - 16px);
margin: 0 8px 16px;
}
/* Maintain consistent edge alignment */
.plugin-card:nth-child(even) {
margin-right: 0;
}
.plugin-card:nth-child(odd) {
margin-left: 0;
}
}
/* Full width layout only below 768px */
@media screen and (max-width: 768px) {
.plugin-card { .plugin-card {
width: 100%; width: 100%;
margin: 0 0 16px 0; margin: 0 0 16px 0;
@ -91,7 +73,7 @@
} }
/* Mobile styles - now working with correct positioning */ /* Mobile styles - now working with correct positioning */
@media screen and (max-width: 768px) { @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;
width: 100% !important; width: 100% !important;