acf-extended / ACF-Extended

🚀 All-in-one enhancement suite that improves WordPress & Advanced Custom Fields
https://www.acf-extended.com
239 stars 27 forks source link

Flexible layout on side: row title and options icons don't have enough space #93

Closed BeholdPL closed 2 years ago

BeholdPL commented 2 years ago

Hi all :)

In Flexible layouts, when they are set to side, titles are not have enough space with options icons (duplicate, toggle, add etc.).

Screenshot-2021-11-28-at-15-50-46

So I've created custom CSS fix for that for my theme purposes:

.is-side .acf-flexible-content .layout {
    padding-bottom: 32px;
}

.is-side .acf-flexible-content .layout .acf-fc-layout-controls {
    top: unset;
    bottom: 8px;
}

.is-side .acf-flexible-content .layout .acf-icon.acfe-flexible-icon.dashicons,
.is-side .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-plus,
.is-side .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-minus,
.is-side  .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-duplicate {
    visibility: visible;
}

.is-side .acf-flexible-content .acf-actions {
    margin-top: 32px;
}

Screenshot-2021-11-28-at-15-52-40

I hope it's gonna help :)

acf-extended commented 2 years ago

Hello,

Thanks for the feedback!

Can you please post this issue on the ACF Github, since this bug can be triggered on the native ACF Flexible Content, without ACF Extended. See screenshot.

It would be better if ACF fixed it globally for everyone.

Thanks.

Regards.