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

Remove all responsive breakpoints for consistent plugin layout, fixing image position across all viewport sizes

Browse Source
This commit is contained in:
Marcus Quinn
2025-03-17 04:43:24 +00:00
parent 7a971ca5e3
commit 44f5c8fc6c
1 changed files with 9 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -696,86 +696,17 @@ body.wp-admin .plugin-card-bottom .compatibility-untested *,
} }
/* Responsive Adjustments */ /* Responsive Adjustments */
@media only screen and (max-width: 1120px) { /* All responsive behavior has been removed to maintain consistent layout */
.plugin-card { /* Theme browser adjustments for consistent display */
width: 100%; .theme-browser .theme {
} width: 47%;
margin-right: 6%;
.theme-browser .theme {
width: 47%;
margin-right: 6%;
}
.theme-browser .theme:nth-child(3n) {
margin-right: 6%;
}
.theme-browser .theme:nth-child(2n) {
margin-right: 0;
}
} }
@media only screen and (max-width: 782px) { .theme-browser .theme:nth-child(3n) {
.plugin-card-top { margin-right: 6%;
min-height: 155px;
}
.name.column-name {
margin-right: 0;
}
.action-links {
position: static;
margin-left: 148px;
width: auto;
}
.plugin-action-buttons {
float: none;
margin: 1em 0 0;
text-align: left;
}
.plugin-action-buttons li {
display: inline-block;
margin-right: 10px;
}
.plugin-card-bottom {
flex-direction: column;
}
.plugin-card-bottom > div {
padding-top: 10px;
padding-bottom: 10px;
}
.column-downloaded,
.column-updated,
.column-compatibility {
text-align: left;
}
} }
@media only screen and (max-width: 480px) { .theme-browser .theme:nth-child(2n) {
.theme-browser .theme { margin-right: 0;
width: 100%;
margin-right: 0;
}
.plugin-card-top {
padding-top: 146px;
}
.plugin-icon {
top: 20px;
left: 50%;
transform: translateX(-50%);
}
.name.column-name,
.desc.column-description,
.action-links {
margin-left: 0;
}
} }