loading up the forgejo repo on tangled to test page performance
1.runner-container {
2 padding-bottom: 30px;
3}
4
5.runner-container .ui.table.segment {
6 overflow-x: auto;
7}
8
9.runner-container .runner-ops > a {
10 margin-left: 0.5em;
11}
12
13.runner-container .runner-ops-delete {
14 color: var(--color-red-light);
15}
16
17.runner-container .runner-new-text {
18 color: var(--color-white);
19}
20
21.runner-container #runner-new:hover .runner-new-text {
22 color: var(--color-white) !important;
23}
24
25.runner-container .task-status-success {
26 background-color: var(--color-green);
27 color: var(--color-white);
28}
29
30.runner-container .task-status-failure {
31 background-color: var(--color-red-light);
32 color: var(--color-white);
33}
34
35.runner-container .task-status-running {
36 background-color: var(--color-blue);
37 color: var(--color-white);
38}
39
40.runner-container .task-status-cancelled,
41.runner-container .task-status-blocked {
42 background-color: var(--color-yellow);
43 color: var(--color-white);
44}
45
46.run-list-item-right {
47 width: 130px;
48 display: flex;
49 flex-direction: column;
50 flex-shrink: 0;
51 gap: 3px;
52 color: var(--color-text-light);
53}
54
55.run-list-item-right .run-list-meta {
56 display: flex;
57 flex-wrap: nowrap;
58 gap: .25rem;
59 align-items: center;
60}
61
62.run-list .flex-item-trailing {
63 flex-wrap: nowrap;
64 width: 280px;
65 flex: 0 0 280px;
66}
67
68.run-list-ref {
69 display: inline-block !important;
70}
71
72@media (max-width: 767.98px) {
73 .run-list .flex-item-trailing {
74 flex-direction: column;
75 align-items: flex-end;
76 width: auto;
77 flex-basis: auto;
78 }
79 .run-list-item-right,
80 .run-list-ref {
81 max-width: 110px;
82 }
83}
84
85#workflow_dispatch_dropdown {
86 min-width: min-content;
87}
88#workflow_dispatch_dropdown > button {
89 white-space: nowrap;
90}
91@media (max-width: 640px) or (767.98px < width < 854px) {
92 #workflow_dispatch_dropdown .menu {
93 left: auto;
94 right: 0;
95 }
96}