oppi.li
1#git-graph-content {
2 overflow-x: auto;
3 width: 100%;
4 min-height: 250px;
5}
6
7#git-graph-heading {
8 display: flex;
9 justify-content: space-between;
10 padding-bottom: 20px;
11}
12
13#git-graph-heading-left {
14 display: flex;
15 gap: 1rem;
16}
17
18#git-graph-heading h2 {
19 margin: 0;
20}
21
22@media (min-width: 767.98px) {
23 #git-graph-heading {
24 align-items: center;
25 }
26
27 #git-graph-heading-left {
28 margin-right: 1rem;
29 }
30
31 #git-graph-heading h2 {
32 flex-shrink: 0;
33 }
34
35 #git-graph-container #flow-select-refs-dropdown {
36 min-width: 250px;
37 }
38}
39
40@media (max-width: 767.98px) {
41 #git-graph-heading,
42 #git-graph-heading-left {
43 flex-direction: column;
44 }
45
46 #git-graph-heading-left {
47 margin-bottom: 1rem;
48 }
49}
50
51#git-graph-container #flow-select-refs-dropdown {
52 flex-wrap: wrap;
53}
54
55#git-graph-container #flow-select-refs-dropdown .ui.label {
56 max-width: 180px;
57 display: inline-flex !important;
58 align-items: center;
59}
60
61#git-graph-container #flow-select-refs-dropdown .default.text {
62 padding-top: 4px;
63 padding-bottom: 4px;
64}
65
66#git-graph-container #flow-select-refs-dropdown input.search {
67 position: relative;
68 top: 1px;
69}
70
71#git-graph-container li {
72 list-style-type: none;
73 height: 24px;
74 line-height: 24px;
75 white-space: nowrap;
76 display: flex;
77 align-items: center;
78}
79
80#git-graph-container li .node-relation {
81 font-family: var(--fonts-monospace);
82}
83
84#git-graph-container li .author {
85 color: var(--color-text-light);
86}
87
88#git-graph-container li .time {
89 color: var(--color-text-light-3);
90}
91
92#git-graph-container li a:not(.ui):hover {
93 text-decoration: underline;
94}
95
96#git-graph-container li a em {
97 color: var(--color-red);
98 border-bottom: 1px dotted var(--color-secondary);
99 text-decoration: none;
100 font-style: normal;
101}
102
103#git-graph-container #rel-container {
104 max-width: 30%;
105 overflow-x: auto;
106 float: left;
107}
108
109#git-graph-container #rev-list {
110 margin: 0;
111 padding: 0;
112}
113
114#git-graph-container #rev-list li.highlight.hover {
115 background-color: var(--color-secondary-alpha-30);
116}
117
118#git-graph-container #rev-list .commit-refs .button {
119 padding: 2px 4px;
120 margin-right: 0.25em;
121 display: inline-block;
122 max-width: 200px;
123 overflow: hidden;
124 text-overflow: ellipsis;
125}
126
127#git-graph-container #rev-list .sha.label {
128 padding-top: 5px;
129 padding-bottom: 3px;
130}
131
132#git-graph-container #rev-list .sha.label .ui.detail.icon.button {
133 padding-top: 3px;
134 margin-top: -5px;
135 padding-bottom: 1px;
136}
137
138#git-graph-container #rev-list .author img.ui.avatar {
139 width: auto;
140 height: 18px;
141 max-width: none;
142}
143
144#git-graph-container #graph-raw-list {
145 margin: 0;
146}
147
148#git-graph-container.monochrome #rel-container .flow-group {
149 stroke: var(--color-secondary-dark-5);
150 fill: var(--color-secondary-dark-5);
151}
152
153#git-graph-container.monochrome #rel-container .flow-group.highlight {
154 stroke: var(--color-secondary-dark-12);
155 fill: var(--color-secondary-dark-12);
156}
157
158#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-1 {
159 stroke: #499a37;
160 fill: #499a37;
161}
162
163#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-2 {
164 stroke: #ce4751;
165 fill: #ce4751;
166}
167
168#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-3 {
169 stroke: #8f9121;
170 fill: #8f9121;
171}
172
173#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-4 {
174 stroke: #ac32a6;
175 fill: #ac32a6;
176}
177
178#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-5 {
179 stroke: #7445e9;
180 fill: #7445e9;
181}
182
183#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-6 {
184 stroke: #c67d28;
185 fill: #c67d28;
186}
187
188#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-7 {
189 stroke: #4db392;
190 fill: #4db392;
191}
192
193#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-8 {
194 stroke: #aa4d30;
195 fill: #aa4d30;
196}
197
198#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-9 {
199 stroke: #2a6f84;
200 fill: #2a6f84;
201}
202
203#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-10 {
204 stroke: #c45327;
205 fill: #c45327;
206}
207
208#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-11 {
209 stroke: #3d965c;
210 fill: #3d965c;
211}
212
213#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-12 {
214 stroke: #792a93;
215 fill: #792a93;
216}
217
218#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-13 {
219 stroke: #439d73;
220 fill: #439d73;
221}
222
223#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-14 {
224 stroke: #103aad;
225 fill: #103aad;
226}
227
228#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-15 {
229 stroke: #982e85;
230 fill: #982e85;
231}
232
233#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-0 {
234 stroke: #7db233;
235 fill: #7db233;
236}
237
238#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-1 {
239 stroke: #5ac144;
240 fill: #5ac144;
241}
242
243#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-2 {
244 stroke: #ed5a8b;
245 fill: #ed5a8b;
246}
247
248#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-3 {
249 stroke: #ced049;
250 fill: #ced048;
251}
252
253#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-4 {
254 stroke: #db61d7;
255 fill: #db62d6;
256}
257
258#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-5 {
259 stroke: #8455f9;
260 fill: #8455f9;
261}
262
263#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-6 {
264 stroke: #e6a151;
265 fill: #e6a151;
266}
267
268#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-7 {
269 stroke: #44daaa;
270 fill: #44daaa;
271}
272
273#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-8 {
274 stroke: #dd7a5c;
275 fill: #dd7a5c;
276}
277
278#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-9 {
279 stroke: #38859c;
280 fill: #38859c;
281}
282
283#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-10 {
284 stroke: #d95520;
285 fill: #d95520;
286}
287
288#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-11 {
289 stroke: #42ae68;
290 fill: #42ae68;
291}
292
293#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-12 {
294 stroke: #9126b5;
295 fill: #9126b5;
296}
297
298#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-13 {
299 stroke: #4ab080;
300 fill: #4ab080;
301}
302
303#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-14 {
304 stroke: #284fb8;
305 fill: #284fb8;
306}
307
308#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-15 {
309 stroke: #971c80;
310 fill: #971c80;
311}
312
313#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-0 {
314 stroke: #87ca28;
315 fill: #87ca28;
316}