src.app.modules.campaign.components.campaign-list.campaign-list.component.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of ui Show documentation

The newest version!

/*!
 * SPDX-FileCopyrightText: 2017-2024 Enedis
 *
 * SPDX-License-Identifier: Apache-2.0
 *
 */


.campaign-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto 1fr 1fr;
    gap: 0px 30px;
    grid-template-areas:
      "campaign-1 campaign-2"
      "campaign-3 campaign-4";
    justify-items: start;
    align-items: start;
}

.campaign-1 {
    grid-area: campaign-1;
}
.campaign-2 {
    grid-area: campaign-2;
}
.campaign-3 {
    grid-area: campaign-3;
}
.campaign-4 {
    grid-area: campaign-4;
}

.small_text {
font-size:0.8em;
}

:host ::ng-deep {

    .popover {
        max-width: 30vw; /* optional max width */
        width: intrinsic; /* Safari/WebKit uses a non-standard name */
        width: -moz-max-content; /* Firefox/Gecko */
        width: -webkit-max-content; /* Chrome */
        border: 0;
        border-radius: 0.5rem;
    }

    .popover-body {
        border-radius: 0.5rem;
        padding: 0.5rem;
    }
}

.scheduled-campaign-error {
    color: red;
}