Fix theme card button positioning: - Align actions background with title bar - Adjust padding and height to match title area - Add z-index for proper layering

This commit is contained in:
Marcus Quinn
2025-03-14 05:04:46 +00:00
parent 7f386122c8
commit c3b2938f72

View File

@ -340,17 +340,17 @@ function wpa_superstar_ajax_get_theme() {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
background: #fff; background: #fff;
position: relative;
} }
.theme-browser .theme .theme-actions { .theme-browser .theme .theme-actions {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
right: 0; right: 0;
height: 38px; padding: 9px 15px;
padding: 9px 10px 0;
background: rgba(244,244,244,.7); background: rgba(244,244,244,.7);
border-left: 1px solid rgba(0,0,0,.05); border-left: 1px solid rgba(0,0,0,.05);
opacity: 0; height: 30px;
transition: opacity .1s ease-in-out; z-index: 1;
} }
.theme-browser .theme:hover .theme-actions, .theme-browser .theme:hover .theme-actions,
.theme-browser .theme:focus .theme-actions, .theme-browser .theme:focus .theme-actions,