2022-11-29 16:02:18 +07:00
|
|
|
html {
|
2020-01-21 17:21:14 +07:00
|
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
|
|
color: #666666;
|
2022-11-29 16:02:18 +07:00
|
|
|
}
|
|
|
|
body {
|
|
|
|
color: inherit;
|
|
|
|
font-family: inherit;
|
2020-01-21 17:21:14 +07:00
|
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6{
|
|
|
|
color: inherit;
|
2024-08-13 19:39:09 +07:00
|
|
|
margin-top: 0.66em !important;
|
|
|
|
margin-bottom: 0.33em !important;
|
2020-01-21 17:21:14 +07:00
|
|
|
}
|
2024-03-05 18:59:58 +07:00
|
|
|
.bg-success, .bg-info, .bg-warning, .bg-danger, .bg-gray-lighter,
|
|
|
|
.table-success, .table-info, .table-warning, .table-danger {
|
2020-01-21 17:21:14 +07:00
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.dropdown-item, .dropdown-menu, .dropdown-menu a {
|
|
|
|
color: inherit;
|
|
|
|
}
|
2024-03-05 18:59:58 +07:00
|
|
|
|
2024-08-13 19:39:09 +07:00
|
|
|
// FIXME: move these over to the primary variables or some shit, but bg-info is completely fucked
|
2024-03-05 18:59:58 +07:00
|
|
|
$mergebot-colors: ("success": #dff0d8, "danger": #f2dede, "warning": #fcf8e3, "info": #d9edf7);
|
|
|
|
@each $category, $color in $mergebot-colors {
|
|
|
|
.bg-#{$category} {
|
|
|
|
background-color: $color !important;
|
|
|
|
}
|
|
|
|
.table-#{$category} {
|
2024-08-13 19:39:09 +07:00
|
|
|
--table-bg: #{$color};
|
|
|
|
--table-accent-bg: transparent;
|
2024-03-05 18:59:58 +07:00
|
|
|
&.table-active {
|
2024-08-13 19:39:09 +07:00
|
|
|
// TODO: make that a runtime operation
|
|
|
|
--table-bg: #{scale-color($color, $lightness: -5%)};
|
2024-03-05 18:59:58 +07:00
|
|
|
}
|
|
|
|
}
|
2020-01-21 17:21:14 +07:00
|
|
|
}
|
2024-08-13 19:39:09 +07:00
|
|
|
.alert-primary {
|
|
|
|
background-color: #d7eaeb !important;
|
|
|
|
}
|
2020-03-12 17:05:49 +07:00
|
|
|
.bg-unmerged {
|
2024-07-11 19:12:18 +07:00
|
|
|
background-color: #dcefe8 !important
|
2020-01-21 17:21:14 +07:00
|
|
|
}
|
2024-03-05 18:59:58 +07:00
|
|
|
|
2020-01-21 17:21:14 +07:00
|
|
|
.list-inline {
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
.list-inline > li {
|
|
|
|
padding: 0 5px;
|
|
|
|
margin-right: 0;
|
2022-11-29 16:02:18 +07:00
|
|
|
// TODO: find better way to do this
|
|
|
|
display: inline-block;
|
2020-01-21 17:21:14 +07:00
|
|
|
}
|
|
|
|
|
2022-11-03 21:39:11 +07:00
|
|
|
.btn {
|
|
|
|
user-select: text;
|
|
|
|
}
|
|
|
|
|
2020-01-21 17:21:14 +07:00
|
|
|
// mergebot layouting
|
|
|
|
.stagings {
|
2022-07-26 14:29:28 +07:00
|
|
|
display: flex;
|
|
|
|
align-items: stretch;
|
|
|
|
|
|
|
|
> li {
|
2020-01-21 17:21:14 +07:00
|
|
|
flex: 1;
|
2022-07-26 14:29:28 +07:00
|
|
|
// prevent content-based autosizing otherwise that's flex' starting point
|
|
|
|
width: 0;
|
2020-01-21 17:21:14 +07:00
|
|
|
|
2022-07-26 14:29:28 +07:00
|
|
|
padding: 0.1em 0.1em 0.1em 0.5em;
|
|
|
|
|
|
|
|
&:not(:last-child) {
|
|
|
|
border-right: 1px solid lightgray;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.batch {
|
|
|
|
// cut off branch names if they can't be line-wrapped and would break the
|
|
|
|
// layout, works with flex to force all columns to be at the same size
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
|
|
&:not(:last-child) {
|
|
|
|
border-bottom: 1px solid lightgray;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.batch a:not(:last-of-type) a:after {
|
2020-01-21 17:21:14 +07:00
|
|
|
content: ",";
|
2022-07-26 14:29:28 +07:00
|
|
|
}
|
2024-06-07 22:07:10 +07:00
|
|
|
|
|
|
|
button.dropdown-toggle {
|
|
|
|
text-align: left;
|
|
|
|
white-space: wrap;
|
|
|
|
}
|
2020-01-21 17:21:14 +07:00
|
|
|
}
|
|
|
|
.pr-listing > * { display: inline-block; }
|
|
|
|
.pr-awaiting { opacity: 0.8; }
|
|
|
|
.pr-blocked { opacity: 0.6; }
|
|
|
|
.pr-failed { opacity: 0.9; }
|
2020-11-13 16:38:48 +07:00
|
|
|
|
|
|
|
ul.todo {
|
|
|
|
list-style-type: '☐ ';
|
|
|
|
> li.ok {
|
|
|
|
//@extend .alert-success;
|
|
|
|
list-style-type: '☑ ';
|
|
|
|
}
|
|
|
|
> li.fail {
|
|
|
|
@extend .alert-danger;
|
|
|
|
list-style-type: '☒ ';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
dl.runbot-merge-fields {
|
|
|
|
@extend .row;
|
|
|
|
> dt {
|
|
|
|
@extend .col-sm-2;
|
|
|
|
}
|
|
|
|
> dd {
|
|
|
|
@extend .col-sm-10;
|
|
|
|
}
|
|
|
|
}
|
[IMP] runbot_merge: better styling for missing statuses on stagings
Before this, until the first status for a required context the status
would appear as pending, but would be have oddly (e.g. not clickable).
Update the style of such statuses for clarity:
- use a light background to show them as inactive
- use the `wait` cursor to show their status as oddball (and not clickable)
Setting this styling on the link (or even `li`) doesn't seem to work,
so set it on the `ul`, the actual active links will set the relevant
"active" cursor instead, which seems to work fine.
While at it, extract the status menu to its own template and unify the
disparate bits, mainly in that both the main dashboard and the
per-branch list display the staging instant in UTC on hover: before,
the main dashboard would display a relative delta and provide the
UTC-formatted instant on hover, but the branch would only show a zoned
ISO-8601 instant.
While adjusting is easy, it's unnecessary, we can easily provide the UTC
staging instant there).
2022-06-28 14:52:24 +07:00
|
|
|
|
|
|
|
.staging-statuses {
|
|
|
|
cursor: wait;
|
|
|
|
}
|
2023-07-05 20:11:40 +07:00
|
|
|
|
|
|
|
/* forwardport */
|
|
|
|
.outstanding-partners > * {
|
|
|
|
@extend .pt-1;
|
|
|
|
// because there's a trailing space which is annoying to remove, which plays
|
|
|
|
// the role of padding-right
|
2024-08-13 19:39:09 +07:00
|
|
|
@extend .ps-1;
|
2023-07-05 20:11:40 +07:00
|
|
|
@extend .text-nowrap;
|
|
|
|
// works better for the left edge of the *box*
|
2024-08-13 19:39:09 +07:00
|
|
|
@extend .border-start;
|
2023-07-05 20:11:40 +07:00
|
|
|
}
|
2024-03-05 18:59:58 +07:00
|
|
|
|
|
|
|
// batches sequence table in PR dashboard: mostly uses (customised) bootstrap
|
|
|
|
// but some of the style is bespoke because inline styles don't work well with
|
|
|
|
// CSP
|
|
|
|
.closed {
|
|
|
|
text-decoration: line-through;
|
|
|
|
}
|
|
|
|
tr.inactive {
|
|
|
|
opacity: 0.5;
|
|
|
|
}
|
|
|
|
td.detached {
|
|
|
|
border-top: 2px solid map-get($theme-colors, "danger");
|
|
|
|
}
|