blob: 0d8fbc744c9057f58d27f072f4c717cba5e5ac98 (
plain)
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
|
.visibility-level-setting {
.option-description,
.option-disabled-reason {
color: var(--gray-700, $gray-700);
}
.option-disabled-reason {
display: none;
}
.disabled {
svg {
opacity: 0.5;
}
.option-description {
display: none;
}
.option-disabled-reason {
display: block;
}
}
}
.saml-settings.info-well {
.form-control[readonly] {
background: var(--white, $white);
}
}
.doorkeeper-authorize {
max-width: px-to-rem(500px);
}
.created-deploy-token-container {
.deploy-token-field {
width: 90%;
display: inline;
}
.btn-clipboard {
background-color: var(--white, $white);
border: 1px solid var(--gray-100, $gray-100);
}
.deploy-token-help-block {
display: block;
margin-bottom: 0;
}
}
.deploy-freeze-table {
@media(max-width: map-get($grid-breakpoints, lg)-1) {
.truncated-container {
justify-content: flex-end;
}
}
}
.settings-section::after {
content: '';
display: block;
margin-bottom: $gl-spacing-scale-7;
}
.settings-section,
.settings-section-no-bottom ~ .settings-section {
padding-top: 0;
}
// Fix for sticky header when there is no search bar.
.flash-container + .settings-section {
padding-top: $gl-spacing-scale-3;
}
.settings-section ~ .settings-section {
padding-top: $gl-spacing-scale-6;
}
.settings-section:not(.settings-section-no-bottom) ~ .settings-section {
@include gl-border-t;
}
.settings-section-no-bottom::after {
padding-bottom: 0;
@include media-breakpoint-up(sm) {
padding-bottom: $gl-spacing-scale-5;
}
}
$sticky-header-z-index: 98;
.settings-sticky-header,
.settings-sticky-footer {
position: sticky;
z-index: $sticky-header-z-index;
background: $body-bg;
}
.settings-sticky-header {
top: $calc-application-header-height;
&::before {
content: '';
display: block;
height: $gl-padding-8;
position: sticky;
top: calc(#{$calc-application-header-height} + 36px);
box-shadow: 0 1px 0 $gray-100;
}
}
.settings-sticky-header-inner {
position: sticky;
padding: $gl-padding-12 $gl-padding $gl-padding-8;
margin: #{-$gl-padding} #{-$gl-padding} 0;
background: $body-bg;
}
.settings-sticky-footer {
bottom: 0;
padding: $gl-padding-8 0;
box-shadow: 0 -1px 0 $gray-100;
}
// Header shouldn't be sticky if only one section on page
.settings-sticky-header:first-of-type:last-of-type {
position: static;
}
|