argo-cd

1
@import 'node_modules/argo-ui/src/styles/config';
2

3
.ui-banner {
4
    background: $argo-color-gray-5;
5
    position: fixed;
6
    left: 0;
7
    right: 0;
8
    z-index: 10;
9
    text-align: center;
10
    color: $argo-color-teal-8;
11
    font-weight: 500;
12
    font-size: 16px;
13
    display: flex;
14
    align-items: center;
15
    justify-content: center;
16
    padding: 5px 10px 5px 70px;
17

18
    a {
19
        text-decoration: underline;
20
        color: $argo-color-teal-8;
21
    }
22
}
23

24
.ui-banner-top {
25
    $banner-height: 70px;
26
    height: $banner-height;
27
    top: 0;
28
    &--wrapper {
29
        margin-top: $banner-height;
30
        .page__top-bar {
31
            top: $banner-height;
32
        }
33
    }
34

35
    &--wrapper-multiline {
36
        .page__top-bar {
37
            top: $banner-height;
38
        }
39
    }
40

41
    &--wrapper-singleline {
42
        margin-top: 28px;
43
        .page__top-bar {
44
            top: 28px;
45
        }
46
    }
47
}
48

49
.ui-banner-bottom {
50
    bottom: 0%;
51
}
52

53
.ui-banner-text {
54
    margin-right: 15px;
55
    overflow-y: auto;
56
    max-height: 50px;
57
}
58

59
.ui-banner-button {
60
    line-height: 1.1;
61
}
62