argo-cd

1
@import 'node_modules/argo-ui/src/styles/config';
2
@import 'node_modules/argo-ui/src/styles/theme';
3
@import '../../config.scss';
4

5
.page-wrapper {
6
    width: 100%;
7
    padding-left: $sidebar-width;
8
    .page {
9
        @media (max-width: map-get($breakpoints, medium)) {
10
            &--has-toolbar {
11
                padding-top: 0;
12
            }
13

14
            &--has-toolbar &__top-bar {
15
                height: auto;
16
                position: initial;
17

18
                .top-bar.row > div {
19
                    max-width: 100%;
20
                    flex: 0 0 100%;
21
                    text-align: center;
22

23
                    &.top-bar__right-side > div {
24
                        display: inline-block;
25
                    }
26

27
                    & > div {
28
                        display: flex;
29
                        flex-wrap: wrap;
30
                        justify-content: center;
31

32
                        button {
33
                            margin-bottom: 2px;
34
                        }
35
                    }
36
                }
37
            }
38
        }
39
        $single-toolbar-height: 50px;
40

41
        &--has-toolbar {
42
            padding-top: $single-toolbar-height;
43
        }
44
        &__top-bar {
45
            height: $single-toolbar-height;
46
            left: $sidebar-width;
47
        }
48
    }
49
}
50

51
.login-logout-button {
52
    border-radius: 3px;
53
    @include themify($themes) {
54
        color: themed('light-argo-teal-7');
55
    }
56
    padding: 3px;
57
    cursor: pointer;
58

59
    &:focus {
60
        color: $argo-color-teal-5;
61
        box-shadow: 0 0 0 0.1em $argo-color-teal-5;
62
    }
63
    &:hover {
64
        @include themify($themes) {
65
            color: themed('light-argo-teal-5');
66
        }
67
    }
68
}
69

70
.page {
71
    padding-left: 0 !important;
72
    &__top-bar {
73
        left: $sidebar-width !important;
74
    }
75
}
76

77
.sb-page-wrapper {
78
    padding-left: $sidebar-width;
79

80
    &__sidebar-collapsed {
81
        padding-left: $collapsed-sidebar-width;
82
        .flex-top-bar {
83
            left: $collapsed-sidebar-width;
84
        }
85

86
        .page {
87
            &__top-bar {
88
                left: $collapsed-sidebar-width !important;
89
            }
90
        }
91

92
        .application-details__status-panel {
93
            left: $collapsed-sidebar-width;
94
        }
95
    }
96
}
97