PackageHelper/www/assets/css/tablet.css

/*
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/
/*
    Created on : Apr 3, 2020, 11:55:50 AM
    Author     : Skylar Ittner
*/

.only-tablet {
    display: none;
}

@media all and (min-width: 768px) {
    .only-tablet {
        display: inherit;
    }
    .no-tablet {
        display: none;
    }
    .page[data-name="add"] .tabbar {
        /* Remove tab switcher at bottom of page */
        display: none;
        height: 0;
    }
    .page[data-name="add"] .tabs {
        /* Put tabs next to each other */
        display: flex;
    }
    .page[data-name="add"] .tabs .tab {
        /* un-hide "non-active" tabs */
        display: block;
    }
    .page[data-name="add"] .tabs #add-tab {
        width: 66.67% !important;
        position: relative; /* Make the FAB stay where it should */
    }
    .page[data-name="add"] .tabs #history-tab {
        width: 33.33% !important;
    }
    .page[data-name="add"] #history-empty-swipe-prompt {
        display: none;
    }
    .page[data-name="add"] .page-content {
        padding-top: 0;
        padding-bottom: 0;
    }

    .elevation-tablet {
        /* .elevation-3 */
        box-shadow: var(--f7-elevation-3)!important;
    }

    .page[data-name="add"] #history-tab {
        /*box-shadow: inset 5px 0 9px -5px rgba(0,0,0,0.3);*/
        border-left: 1px solid rgba(0,0,0,0.1);
    }

    .page[data-name="add"] .fab {
        margin-bottom: 0;
    }

    .sheet-backdrop.backdrop-in {
        visibility: hidden;
    }

    #package-info-sheet {
        left: 25%;
        width: 50%;
    }

    .padding-bottom-tablet {
        padding-bottom: 3rem !important;
    }
}

@media all and (min-width: 768px) and (min-height: 700px) {
    .margin-top-tablet {
        margin-top: 1rem;
    }
}

@media all and (min-width: 1024px) {
    #package-info-sheet {
        left: 33%;
        width: 33%;
    }
}