Skip to content
Snippets Groups Projects
engine.scss 4.88 KiB
Newer Older
  • Learn to ignore specific revisions
  • Alex ORLUC's avatar
    Alex ORLUC committed
    @import 'maarch-material-modal.scss';
    @import 'maarch-material-alert.scss';
    
    @import 'maarch-material-table.scss';
    
    Alex ORLUC's avatar
    Alex ORLUC committed
    .mat-form-field {
    
        width: 100% !important;
    
    .mat-tab-body-wrapper {
    
    Alex ORLUC's avatar
    Alex ORLUC committed
    table tr:not(.filters) .mat-form-field {
    
        width: 200px !important;
    
    /* modal part */
    
        background-color: white;
    
        min-height: 200px;
    
        max-height: 70vh;
    
        overflow: hidden;
        overflow-y: auto;
    
    
    .modal-body .list-group li {
    
        /*border-color: #135F7F !important;*/
    
        font-weight: bold;
    }
    
    
    .mat-autocomplete-panel .mat-option {
        font-size: 80%;
    
    
    .mat-autocomplete-panel .mat-option small {
    
    }
    
    .mat-checkbox-layout .mat-checkbox-label {
        font-weight: normal;
    
    .mat-paginator-page-size-select {
        width: 60px !important;
    
    }
    
    .admin-toolbar .maarchLogo {
    
    Alex ORLUC's avatar
    Alex ORLUC committed
        height: 100%;
        width: 120px;
    
        padding-left: 5px;
        padding-right: 5px;
    
    Alex ORLUC's avatar
    Alex ORLUC committed
        vertical-align: middle;
    
    }
    
    .mat-toolbar.mat-primary {
        z-index: 9;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24);
    }
    
    .admin-container {
        display: flex;
        flex-direction: column;
        position: absolute;
    
    .admin-is-mobile {
        top: 56px;
    }
    
    
    .admin-is-mobile .admin-toolbar {
        position: fixed;
        /* Make sure the toolbar will stay on top of the content as it scrolls past. */
        z-index: 2;
    }
    
    
    .admin-toolbar-title-small {
    
    Damien's avatar
    Damien committed
        color: #F99830 !important;
        opacity: 0.9;
    
    Damien's avatar
    Damien committed
        font-size: 72% !important;
    
        padding-left: 10px;
    
    }
    
    .admin-sidenav-container {
        /* When the sidenav is not fixed, stretch the sidenav container to fill the available space. This
        causes `<mat-sidenav-content>` to act as our scrolling element for desktop layouts. */
        flex: 1;
    }
    
    .admin-is-mobile .admin-sidenav-container {
        /* When the sidenav is fixed, don't constrain the height of the sidenav container. This allows the
        `<body>` to be our scrolling element for mobile layouts. */
        flex: 1 0 auto;
    }
    
    .hide-for-mobile {
        display: none;
    }
    
    .mat-sidenav {
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    }
    
    
    // .mat-row:hover {
    //     background: #673ab71a;
    //     -webkit-transition: background 0.5s ease-out;
    //     -moz-transition: background 0.5s ease-out;
    //     -o-transition: background 0.5s ease-out;
    //     transition: background 0.5s ease-out;
    // }
    
    // .mat-row {
    //     background: white;
    //     -webkit-transition: background 0.5s ease-out;
    //     -moz-transition: background 0.5s ease-out;
    //     -o-transition: background 0.5s ease-out;
    //     transition: background 0.5s ease-out;
    // }
    
    
    .mat-cell {
        word-wrap: normal !important;
        text-overflow: ellipsis;
    
    
    @media all and (max-width: 768px) {
    
        .admin-toolbar .mat-button {
            min-width: initial;
        }
    
        .admin-toolbar .maarchLogo {
    
        .admin-toolbar-title {
            margin-left: 0px !important;
        }
    
    Alex ORLUC's avatar
    Alex ORLUC committed
    
    .card-app-content {
        min-height: 100%;
    
    .headerMaarch .mat-menu-content {
        position: relative !important;
    
    Alex ORLUC's avatar
    Alex ORLUC committed
    }
    
    
    Alex ORLUC's avatar
    Alex ORLUC committed
    .headerMaarch.mat-menu-panel {
        background: #135f7f !important;
    
    Florian Azizian's avatar
    Florian Azizian committed
    .headerMaarchShortcut.mat-menu-panel {
        max-width: 400px;
    }
    
    .headerMaarchShortcut .mat-menu-content {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    
    .headerMaarchShortcut .mat-nav-list {
        padding-top: 0px !important;
    }
    
    
    .mat-column-default_priority {
    
    }
    
    .mat-tab-body-content {
        overflow: hidden !important;
    
    .mat-expansion-panel-header-description {
    
    }
    
    .mat-expansion-panel-header-description {
    
        justify-content: space-between;
        align-items: center;
    
    Florian Azizian's avatar
    Florian Azizian committed
    }
    
    
    .homeBasketList .mat-list .mat-list-item {
    
    Florian Azizian's avatar
    Florian Azizian committed
        height: 39px !important;
        font-size: 14px !important;
    
    Damien's avatar
    Damien committed
    }
    
    
    .example-loading-shade {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 56px;
        right: 0;
        background: rgba(0, 0, 0, 0.15);
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    
    Alex ORLUC's avatar
    Alex ORLUC committed
        height: 100%;
    
    Alex ORLUC's avatar
    Alex ORLUC committed
    }
    
    
    #searchInput .mat-form-field-infix {
    
    Alex ORLUC's avatar
    Alex ORLUC committed
        width: 100%;
    }
    
    #searchInput .mat-form-field-label {
        opacity: 0.5;
    
    .mat-slide-toggle-label {
        font-weight: normal;
    }
    
    
    /* FIX BUG CSS WITH CHROME */
    
    .mat-dialog-container,
    .mat-tab-body-content {
    
        height: auto !important;
    
    }
    
    .no-padding-full-dialog .mat-dialog-container {
        margin: 0;
        position: relative;
        height: 95vh !important;
        width: 90vw !important;
        overflow: hidden;