argo-cd

1
.application-sync-panel__resource {
2
    margin-top: 0.5em;
3
    white-space: nowrap;
4

5
    .container {
6
        max-width: 32em;
7
        white-space: nowrap;
8
        display: inline-block;
9
        margin-right: 0.3em;
10

11
        label {
12
            cursor: pointer;
13
        }
14

15
        label::before,
16
        label::after {
17
            vertical-align: middle;
18
            display: inline-block;
19
            max-width: 50%;
20
            overflow: hidden;
21
            white-space: pre;
22
        }
23

24
        label::before {
25
            content: attr(content-start);
26
            text-overflow: ellipsis;
27
        }
28

29
        label::after {
30
            content: attr(content-end);
31
            text-overflow: clip;
32
            direction: rtl; // This is to help put the ellipsis in the middle instead of at the end of the resource path
33
        }
34
    }
35
}
36