gaf-mobile/app/styles/layout/global-containers.less

GAF mobile Web site

@import (reference) '../themes/variables';

/* Site-wide container and wrapper elements */

// 2. .scroll-container applys to general view content so we can have "fixed" positioned elements inside the HTML partials that don't scroll (iOS fixed positioning issue
.mobile-container {
    position: absolute;
    top: 56px;
    right: 0;
    bottom: 0;
    left: 0;
    background: @body-bg;
    overflow: hidden;
    &.no-header {
        top: 0
    }

    &--logout {
        top: 65px;
    }
}

// 2.
.scroll-container {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /*-webkit-transform: translate3d(0, 0, 0); // Hack to force hardware acceleration*/
    // on the scrolling container. Needed mostly for the Android native browser.
    // Update: this breaks overflow flow scrolling on iOS8 for few specific conditions:
    // http://stackoverflow.com/questions/26176288/webkit-overflow-scrolling-touch-breaks-in-apples-ios8

    &.is-modal-active {
        overflow: hidden;
    }
}

[ng-cloak] {
    display: none !important;
}