@import 'angular-material-variables';
@import 'variables';

$sidenav-lookup-width: 480px;
$sidenav-lookup-mobile-width: 100%;
$sidenav-actions-actions-background: rgba(0, 0, 0, 0.03);
$sidenav-actions-actions-border: 1px solid rgba(0, 0, 0, 0.06);

.sidenav-lookup {
    width: $sidenav-lookup-width;
    min-width: $sidenav-lookup-width;
    max-width: $sidenav-lookup-width;

    > md-content {
        > md-content {
            // 48px => Altezza bottoni
            overflow: hidden;
            height: calc(100% - 48px);
            min-height: calc(100% - 48px);
            max-height: calc(100% - 48px);
        }
    }

    .sidenav-lookup-actions {
        background-color: $sidenav-actions-actions-background;
        border-top: $sidenav-actions-actions-border;
    }
}

// Responsive
@media screen and (max-width: $layout-breakpoint-xs) {
    .sidenav-lookup {
        width: $sidenav-lookup-mobile-width;
        min-width: $sidenav-lookup-mobile-width;
        max-width: $sidenav-lookup-mobile-width;
    }
}