mirror of
https://github.com/odoo/runbot.git
synced 2025-03-26 04:45:52 +07:00
5176ff094c
Previously if a branch name could not be line-broken (because it was full of underscores) it would break the layout by making "its" staging's column much wider than the expected 1/2 / 1/4 / 1/6 (depending on window width), compressing the width of its sibling's columns. By disabling content-based width (only taking in account flex-width) and setting overflow to hidden, the overlong branch names get cut off instead.
102 lines
1.9 KiB
SCSS
102 lines
1.9 KiB
SCSS
// FIX: bs4 shit-heap colors and styles
|
|
body {
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
color: #666666;
|
|
}
|
|
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;
|
|
}
|
|
|
|
// 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;
|
|
}
|