src/plugins/displayLayout/components/telemetry-view.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

.c-telemetry-view {
    display: flex;
    align-items: stretch;

    > * {
        // Label and value holders
        flex: 1 1 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        overflow: hidden;
        padding: $interiorMargin;

        > * {
            // Text elements
            @include ellipsize();
        }
    }

    > * + * {
        margin-left: $interiorMargin;
    }

    &__value {
        @include isLimit();
    }

    .c-frame & {
        @include abs();
        border: 1px solid transparent;
    }

    .is-status__indicator {
        position: absolute;
        top: 0;
        left: 0;
    }

    &[class*='is-status'] {
        border: $borderMissing;
    }
}