toggle-ui/src/components/SelectInputContainer/styles.css at 2a79e00a01e527ca7350e8bbc43fa6c61c9e3c35 · toggle-corp/toggle-ui · GitHub

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
.popup {
    padding-top: calc(var(--tui-spacing-large) - var(--tui-spacing-medium));
    padding-bottom: calc(var(--tui-spacing-large) - var(--tui-spacing-medium));

    .popup-header {
        flex-grow: 1;
        flex-shrink: 0;
    }

    .popup-content {
        display: flex;
        flex-direction: column;
        max-width: max(50vw, 300px);

        .group {
            display: flex;
            flex-direction: column;
            flex-grow: 1;

            .group-header {
                padding: calc(var(--tui-spacing-large) - var(--tui-spacing-small));
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: var(--tui-color-text-label-light);
                font-weight: var(--tui-font-weight-bold);
            }

            .group-children {
                display: flex;
                flex-direction: column;
            }
        }

        .list-item {
            flex-shrink: 0;
        }
    }
}