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

@ -1428,3 +1428,14 @@ body.wp-admin .button.pricing-button:hover,
margin: 0 0 25px 0 !important;
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 {
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 {
justify-content: flex-start;
}

View File

@ -62,6 +62,10 @@ class WP_Allstars_Tools_Manager {
#tools .wpa-pro-plugin:last-child {
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 {
justify-content: flex-start;
}