Cp Overlay Container Edit 

<div class="modal-container js-modal-container">
    <div class="overlay-header">
        <a href="#" role="button" class="overlay-header__profile js-profile-button"></a>
        <div class="overlay-header__nav">
            <ul>
                <li><a href="#" role="button" class="overlay-header__nav-link overlay-header__nav-link--single-active overlay-header__nav-link--feed js-nav-link" data-show-panel="feed"></a></li>
            </ul>
        </div>
        <a href="" role="button" class="overlay-header__close js-close-button"></a>
        <a href="#" role="button" class="overlay-header__home js-home-button"></a>
    </div>
    <div class="modal-container__loader">
        <div class="loader">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <p class="modal-container__error-message js-results-error"></p>
    <div class="grid-container grid-layout__row">
        <div class="modal-container__grid-x grid-x grid-padding-x spacer-md">
            <div class="modal-container__sidebar cell medium-4">
                <div class="overlay-sidebar js-api-sidebar-results-container">
                    <div class="js-api-results">
                        <div class="overlay-sidebar__content-wrapper">
                            <h2 class="overlay-sidebar__title"></h2>
                            <p class="overlay-sidebar__subtitle"></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-container__cards cell medium-8">
                <p>
                    Cards will go here.
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                </p>
                <p>
                    Cards will go here.
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                </p>
                <p>
                    Cards will go here.
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                </p>
                <p>
                    Cards will go here.
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                </p>
                <p>
                    Cards will go here.
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                </p>
                <p>
                    Cards will go here.
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                </p>
                <p>
                    Cards will go here.
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                </p>
                <p>
                    Cards will go here.
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                </p>
            </div>
        </div>
    </div>
</div>
 
<div class="modal-container js-modal-container">
    {{> @cp-overlay-header header }}
    <div class="modal-container__loader">{{> @loader }}</div>
    <p class="modal-container__error-message js-results-error">{{errorMessage}}</p>
    <div class="grid-container grid-layout__row">
        <div class="modal-container__grid-x grid-x grid-padding-x spacer-md">
            <div class="modal-container__sidebar cell medium-4">
                {{> @cp-overlay-sidebar sidebar }}
            </div>
            <div class="modal-container__cards cell medium-8">
                <p>
                    Cards will go here.
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                </p>
                <p>
                    Cards will go here.
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                </p>
                <p>
                    Cards will go here.
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                </p>
                <p>
                    Cards will go here.
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                </p>
                 <p>
                     Cards will go here.
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                 </p>
                 <p>
                     Cards will go here.
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                 </p>
                 <p>
                     Cards will go here.
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                 </p>
                 <p>
                     Cards will go here.
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                 </p>
            </div>
        </div>
    </div>
</div>
 
/* No context defined for this component. */

There are no notes for this item.