How to add Social Icons to Post submit message

[tuanphan]

To add Social Icons to Post submit message, like this

#1. First, add a Social Links Block under Form Block

#2. Next, find ID of Social Links Block

#3. Use this code to Custom CSS

div.form-block:has(.react-form-contents--submitted) {
    .socialaccountlinks-v2-block {
    display: block;
}
.sqs-block-content {
    display: flex;
    flex-direction: column-reverse;
}
    nav {
        justify-content: flex-start;
    }
}

#4. Use this code to Page Header Injection (page where you use Form Block)

<script>
document.addEventListener('DOMContentLoaded', function() {
    const elementToMove = document.querySelector('#block-yui_3_17_2_1_1757663894628_8477');
    const targetContainer = document.querySelector('.sqs-form-block-submission-html');
    
    if (elementToMove && targetContainer) {
        targetContainer.appendChild(elementToMove);
    }
});
</script>
<style>
div.form-block .socialaccountlinks-v2-block {
    display: none;
}
</style>

#5. Remember to update Social Links Block ID