Fix missing hover effects for hosting and tools tiles to match Pro Plugins section

This commit is contained in:
Marcus Quinn
2025-03-25 02:01:38 +00:00
parent 4153564acb
commit 62f368756a
3 changed files with 19 additions and 0 deletions

View File

@ -1427,4 +1427,15 @@ body.wp-admin .button.pricing-button:hover,
box-sizing: border-box; box-sizing: border-box;
margin: 0 0 25px 0 !important; margin: 0 0 25px 0 !important;
text-align: center; text-align: center;
}
/* Ensure consistent hover styles across all tab tile layouts */
.wpa-pro-plugin:hover,
#pro .wpa-pro-plugin:hover,
#hosting .wpa-pro-plugin:hover,
#tools .wpa-pro-plugin:hover,
#recommended .plugin-card:hover {
border-color: #2271b1 !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
transition: all 0.2s ease !important;
} }

View File

@ -124,6 +124,10 @@ class WP_Allstars_Hosting_Manager {
#hosting .wpa-pro-plugin:last-child { #hosting .wpa-pro-plugin:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
#hosting .wpa-pro-plugin:hover {
border-color: #2271b1;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
#hosting .wpa-pro-plugin .button-group { #hosting .wpa-pro-plugin .button-group {
justify-content: flex-start; justify-content: flex-start;
} }

View File

@ -62,6 +62,10 @@ class WP_Allstars_Tools_Manager {
#tools .wpa-pro-plugin:last-child { #tools .wpa-pro-plugin:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
#tools .wpa-pro-plugin:hover {
border-color: #2271b1;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
#tools .wpa-pro-plugin .button-group { #tools .wpa-pro-plugin .button-group {
justify-content: flex-start; justify-content: flex-start;
} }