mirror of
https://github.com/odoo/runbot.git
synced 2025-03-18 00:45:49 +07:00
1a5c143a00
In the branch lists of stagings, the timestamps in the left column and
the labels in the data cells can not be selected, because they're
buttons and anyway bootstrap explicitly sets
.btn {
...
user-select: none;
}
This can be frustrating, as timestamps and labels are useful
information to cross-reference, the ability to copy them is
convenient.
Custom-set the reverse via our own CSS.
Fixes #668
113 lines
2.0 KiB
SCSS
113 lines
2.0 KiB
SCSS
// FIX: bs4 shit-heap colors and styles
|
|
html {
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
color: #666666;
|
|
font-size: 14px;
|
|
}
|
|
body {
|
|
color: inherit;
|
|
font-family: inherit;
|
|
}
|
|
h1, h2, h3, h4, h5, h6{
|
|
color: inherit;
|
|
margin-top: 0.66em;
|
|
margin-bottom: 0.33em;
|
|
}
|
|
h5 { font-size: 1em; }
|
|
.bg-success, .bg-info, .bg-warning, .bg-danger, .bg-gray-lighter {
|
|
color: inherit;
|
|
}
|
|
.dropdown-item, .dropdown-menu, .dropdown-menu a {
|
|
color: inherit;
|
|
}
|
|
.bg-success {
|
|
background-color: #dff0d8 !important;
|
|
}
|
|
.bg-unmerged {
|
|
background-color: #dcefe8 !important
|
|
}
|
|
.bg-info {
|
|
background-color: #d9edf7 !important;
|
|
}
|
|
.bg-warning {
|
|
background-color: #fcf8e3 !important;
|
|
}
|
|
.bg-danger {
|
|
background-color: #f2dede !important;
|
|
}
|
|
.list-inline {
|
|
margin-bottom: 10px;
|
|
}
|
|
.list-inline > li {
|
|
padding: 0 5px;
|
|
margin-right: 0;
|
|
// TODO: find better way to do this
|
|
display: inline-block;
|
|
}
|
|
|
|
.btn {
|
|
user-select: text;
|
|
}
|
|
|
|
// mergebot layouting
|
|
.stagings {
|
|
display: flex;
|
|
align-items: stretch;
|
|
|
|
> li {
|
|
flex: 1;
|
|
// prevent content-based autosizing otherwise that's flex' starting point
|
|
width: 0;
|
|
|
|
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 {
|
|
content: ",";
|
|
}
|
|
}
|
|
.pr-listing > * { display: inline-block; }
|
|
.pr-awaiting { opacity: 0.8; }
|
|
.pr-blocked { opacity: 0.6; }
|
|
.pr-failed { opacity: 0.9; }
|
|
|
|
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;
|
|
}
|
|
}
|
|
|
|
.staging-statuses {
|
|
cursor: wait;
|
|
}
|