Developers

Last Chance

The "last chance" component is a modal window that returns search results when a user wants to initiate a contact. As the name indicates, it is the last try to get a match before a ticket is created.

Component image

result

HTML structure

<div class="inbenta-search-last-chance inbenta-search-modal">
    <div class="inbenta-search-last-chance__content">
        <div class="content__header">
            <div class="content__header__text">
                Maybe this interests you...
            </div>
            <div class="content__header__button-wrapper">
                <div class="inbenta-search-button">
                    <button class="inbenta-search-button__icon inbenta-search-icon inbenta-search-icon--close"></button> 
                    <span class="inbenta-search-button__text">Close</span>
                </div>
            </div>
        </div>
        <div class="content__body">
            <div class="inbenta-search-results">
                ...
            </div>
        </div>
        <div class="content__footer">
            <div class="inbenta-search-button">
                <span class="inbenta-search-button__icon inbenta-search-icon inbenta-search-icon--cancel"></span>
                <span class="inbenta-search-button__text">Cancel</span>
            </div>
            <div class="inbenta-search-button">
                <span class="inbenta-search-button__icon inbenta-search-icon inbenta-search-icon--submit"></span>
                <span class="inbenta-search-button__text">Submit</span>
            </div>
        </div>
    </div>
</div>

CSS editable properties

Class Properties
.inbenta-search-last-chance position, display, background ...
.inbenta-search-last-chance__content display, background, shadow ...
.content__header display
.content__header__text font
.inbenta-search-button Inherit from Globals
.inbenta-search-button__icon Content
.inbenta-search-button__text Hidden by default
.content__body This element is strictly structural
.inbenta-search-results Container of Results
.content__footer This element is strictly structural
.inbenta-search-button Inherit from Globals (some overrides apply)
.inbenta-search-button__icon Undefined