Skip to content
Snippets Groups Projects
Select Git revision
  • 2301.4.x protected
  • 24.0.x
  • 24.x.x
  • main default protected
  • 2301.x.x protected
  • 2301.3.x
  • 21.03 protected
  • 2301.2.x
  • 20.03 protected
  • 20.10 protected
  • 19.04 protected
  • 18.10 protected
  • 18.04 protected
  • 17.06 protected
  • CMIS
  • 2301.4.7
  • 2301.4.6
  • 2301.4.5
  • 2301.4.4
  • 24.0.2
  • 2301.4.3
  • 2301.4.2
  • 2301.4.1
  • 2301.4.0
  • 2301.3.7
  • 2301.3.6
  • 21.03.33
  • 2301.3.5
  • 2301.3.4
  • 2301.3.3
  • 2301.3.2
  • 2301.3.1
  • 2301.3.0
  • 2301.2.2
  • 2301.2.1
35 results
Blame Permalink
engine.scss 4.90 KiB 
@import 'maarch-material-modal.scss';
@import 'maarch-material-alert.scss';
@import 'maarch-material-table.scss';
@import 'others-logo.scss';

.mat-form-field {
    width: 100% !important;
}

.mat-tab-body-wrapper {
    padding: 10px;
}

table tr:not(.filters) .mat-form-field {
    width: 200px !important;
}

/* modal part */

.modal-body {
    background-color: white;
    padding: 10px;
    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 {
    opacity: 0.7;
}

.mat-checkbox-layout .mat-checkbox-label {
    font-weight: normal;
}

.mat-paginator-page-size-select {
    width: 60px !important;
}

.admin-toolbar .maarchLogo {
    height: 100%;
    width: 120px;
    padding-left: 5px;
    padding-right: 5px;
}

.admin-toolbar .maarchLogo svg {
    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;
    top: 64px;
    bottom: 0;
    left: 0;
    right: 0;
}

.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 {
    color: #F99830 !important;
    opacity: 0.9;
    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;
}

/* small display mode */

@media all and (max-width: 768px) {

    .admin-toolbar .mat-button {
        min-width: initial;
    }

    .admin-toolbar .maarchLogo {
        height: 100%;
        width: 50px;
    }

    .admin-toolbar-title {
        margin-left: 0px !important;
    }
}

.jstree-checkbox {
    display: none !important;
}

.card-app-content {
    min-height: 100%;
    overflow: auto;
}

.headerMaarch .mat-menu-content {
    position: relative !important;
}

.headerMaarch.mat-menu-panel {
    background: #135f7f !important;
}

.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 {
    display: flex;
    justify-content: center;
}

.mat-column-working_days {
    display: flex;
    justify-content: center;
}

.mat-tab-body-content {
    overflow: hidden !important;
}

.mat-raised-button {
    margin: 5px !important;
}

.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
    flex-basis: 0;
}

.mat-expansion-panel-header-description {
    justify-content: space-between;
    align-items: center;
}

.homeBasketList .mat-list .mat-list-item {
    height: 39px !important;
    font-size: 14px !important;
}

.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;
    height: 100%;
}

#searchInput .mat-form-field-infix {
    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;
}