Modal view static

Quando a modal estiver aberta, clicar fora dela não a fechará.

Link para usar (css): https://jpm-development.com/css/modals/view/styles.css

Link para usar (css): https://jpm-development.com/css/responsive/styles.css

Link para usar (css): https://jpm-development.com/css/inputs/styles.css

Link para usar (js): https://jpm-development.com/js/jquery/jquery-3.6.3.slim.js

Link para usar (js): https://jpm-development.com/js/jquery/jquery.min.js

Link para usar (js): https://jpm-development.com/js/modals/view/custom.js

Modal View
Click to View 
<a href="#" onclick="view('Jeferson Carlos Santana', 'adm@gmail.com', 'Phone: 1245 678910', 'ID:4dd4f12')">View</a>

<button style="display: none;" id="openModalBtn">Open Modal</button>
<div id="customModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h2><span id="titulo_save"></span></h2>
            <button class="close-modal-btn">&times;</button>
        </div>
        <div class="modal-body">
            <div class="fyn-row">
                <div class="fyn-list">
                    <span>Name:</span>
                </div>
                <div class="fyn-list-res">
                    <span id="name"></span>
                </div>
            </div>
            <div class="fyn-row">
                <div class="fyn-list">
                    <span>E-mail:</span>
                </div>
                <div class="fyn-list-res">
                    <span id="email"></span>
                </div>
            </div>
            <div class="fyn-row">
                <div class="fyn-list">
                    <span>Phone number:</span>
                </div>
                <div class="fyn-list-res">
                    <span id="phone"></span>
                </div>
            </div>
            <div class="fyn-row">
                <div class="fyn-list">
                    <span>Issue Country (ID/Passport):</span>
                </div>
                <div class="fyn-list-res">
                    <span id="country"></span>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="action-button">Report</button>
        </div>
    </div>
</div>

<script type="text/javascript">
function view(name, email, phone, country){  
    $('#titulo_save').text('View');      
    $('#name').text(name);
    $('#email').text(email);
    $('#phone').text(phone);
    $('#country').text(country);
    $('#openModalBtn').click();
}
</script>