@import '../../../ui/styles/variables.less';


app-elements-pairs {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    & table {
        width: 100%;
        max-width: 100%;
    }
    tr[mat-row] {
        height: auto!important;
        td[mat-cell] {
            padding: 8px 16px;
        }
    }
    & div.filter {
        position: sticky;
        z-index: 1000;
        padding: 6px 12px;
        background: var(--scheme-color-warning-light);
        top: 6px;
        right: 6px;
        box-shadow: 3px 3px 3px rgb(0 0 0 / 40%);
        border-radius: 3px;
    }
    & span.name {
        white-space: nowrap;
        max-width: 300px;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        font-weight: 300;
    }
    & span.value {
        white-space: normal;
    }
    & span.name,
    & span.value{
        word-break: break-all;
        & > span {
            background-color: var(--scheme-color-3);
            color: var(--scheme-color-1);
        }
    }
}