repos / git-pr

git-pr.css

  1body {
  2  padding-left: 1rem;
  3  padding-right: 1rem;
  4}
  5
  6pre {
  7  padding: var(--grid-height);
  8}
  9
 10table, tr {
 11  border-spacing: 0;
 12}
 13
 14td, th {
 15  padding: var(--grid-height);
 16  border-bottom: 1px solid var(--grey-light);
 17}
 18
 19details {
 20  margin-bottom: 0;
 21}
 22
 23.text-2xl {
 24  text-transform: lowercase;
 25}
 26
 27.pill-success {
 28  border: 1px solid var(--success);
 29  color: var(--success);
 30}
 31
 32.pill-review {
 33  border: 1px solid var(--review);
 34  color: var(--review);
 35}
 36
 37.pill-admin {
 38  border: 1px solid var(--admin);
 39  color: var(--admin);
 40}
 41
 42.box-sm-review {
 43  border: 2px solid var(--review);
 44  padding: 0.15rem 0.35rem;
 45}
 46
 47.box-review {
 48  border: 2px solid var(--review);
 49  padding: 0.5rem 0.75rem;
 50}
 51
 52.max-w {
 53  max-width: calc(100% - 300px);
 54}
 55
 56.word-break-word {
 57  word-break: break-word;
 58}
 59
 60.patchset-list {
 61  position: sticky;
 62  top: 0;
 63  left: 0;
 64  max-height: 100vh;
 65  overflow-y: auto;
 66}
 67
 68.mb-0 {
 69  margin-bottom: 0;
 70}
 71
 72.patch-file {
 73  position: sticky;
 74  top: 0;
 75  left: 0;
 76  padding: var(--grid-height) 0;
 77  background-color: var(--bg-color);
 78  margin: 0;
 79}
 80
 81.details-min {
 82  border: 0;
 83  margin: 0;
 84  padding: 0;
 85}
 86
 87.chroma {
 88  margin: 0;
 89  overflow-x: auto;
 90}
 91
 92.chroma .gi {
 93  font-weight: normal !important;
 94}
 95
 96.interdiff summary {
 97  margin: 0 !important;
 98}
 99
100.interdiff pre {
101  overflow-x: scroll;
102}
103
104.pr-tabs {
105  display: flex;
106  gap: 0;
107  border-bottom: 1px solid var(--grey-light);
108  margin-bottom: var(--line-height);
109}
110
111.pr-tab {
112  padding: 0.5rem 1rem;
113  text-decoration: none;
114  border: 1px solid transparent;
115  border-bottom: none;
116  margin-bottom: -1px;
117}
118
119.pr-tab-active {
120  border-color: var(--grey-light);
121  border-bottom: 1px solid var(--bg-color);
122  background-color: var(--bg-color);
123}
124
125.timeline {
126  border-left: 2px solid var(--grey-light);
127  padding-left: var(--line-height);
128  margin-left: 0.5rem;
129  gap: var(--line-height);
130  margin-bottom: calc(var(--line-height) * 3);
131}
132
133.timeline-item {
134  position: relative;
135}
136
137.timeline-item::before {
138  content: "";
139  position: absolute;
140  left: calc(-1 * var(--line-height) - 0.25rem - 1px);
141  top: 0.5rem;
142  width: 0.5rem;
143  height: 0.5rem;
144  background-color: var(--grey-light);
145  border-radius: 50%;
146}
147
148.timeline-status-accepted::before {
149  background-color: var(--success);
150}
151
152.timeline-status-closed::before {
153  background-color: var(--admin);
154}
155
156.timeline-status-reviewed::before {
157  background-color: var(--review);
158}
159
160.timeline-status-open::before {
161  background-color: var(--link-color);
162}
163
164.status-change-comment {
165  background-color: var(--blockquote-bg);
166  padding: var(--grid-height);
167  margin-top: var(--grid-height);
168}
169
170.pill-status-accepted {
171  border: 1px solid var(--success);
172  color: var(--success);
173}
174
175.pill-status-closed {
176  border: 1px solid var(--admin);
177  color: var(--admin);
178}
179
180.pill-status-reviewed {
181  border: 1px solid var(--review);
182  color: var(--review);
183}
184
185.pill-status-open {
186  border: 1px solid var(--link-color);
187  color: var(--link-color);
188}
189
190@media only screen and (max-width: 40em) {
191  .collapse {
192    flex-direction: column;
193  }
194
195  .collapse > div {
196    width: 100% !important;
197    max-width: 100% !important;
198  }
199
200  .patchset-list {
201    position: initial;
202  }
203
204  body {
205    padding-top: var(--line-height);
206    padding-left: 0.5rem;
207    padding-right: 0.5rem;
208  }
209
210  pre {
211    padding: var(--grid-height) 0;
212  }
213}