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

Simplify responsive CSS by removing redundant mobile styles

Browse Source
This commit is contained in:
Marcus Quinn
2025-03-16 05:54:16 +00:00
parent 3a904b1ab9
commit bd5b1b2427
1 changed files with 1 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -72,7 +72,7 @@
margin-left: 0; margin-left: 0;
} }
/* Responsive behavior */ /* Responsive behavior - single column for all sizes below 1260px */
@media screen and (max-width: 1260px) { @media screen and (max-width: 1260px) {
.plugin-card { .plugin-card {
width: 100%; width: 100%;
@ -86,38 +86,6 @@
} }
} }
/* Mobile layout - simplified */
@media screen and (max-width: 782px) {
.plugin-card {
width: 100%;
margin: 0 0 16px 0;
}
/* Make sure margins are reset for single column */
.plugin-card:nth-child(odd),
.plugin-card:nth-child(even) {
margin: 0 0 16px 0;
}
/* Action links position adjustment */
.action-links {
position: relative;
top: 0;
right: 0;
margin-top: 1em;
}
/* Adjust icon and heading alignment */
.plugin-icon {
width: 100px;
height: 100px;
}
.name.column-name {
margin-right: 0;
}
}
.plugin-card:hover { .plugin-card:hover {
border-color: #999; border-color: #999;