[IMP] runbot_merge: layout responsivity

* only show 2 stagings on cellphones as 4 is way too much, moving to a
  vertical layout would probably be a bad idea as stagings can already
  be very tall and then we have multiple branches stacked on one
  another, unless we also make branches foldable

  the more complete list of stagings (per branch) is available on the
  branch's page anyway so providing a not-completely-broken home looks
  more useful, and at a fundamental level the current / last staging
  is really the one we care about
* remove the size bounds on stagings to avoid smushing all the cells
  together and overlapping text, sadly can't overflow scroll the
  stagings element because you can't have an overflow-x: scroll and an
  overflow-y: visible (that becomes auto)
This commit is contained in:
Xavier Morel 2019-10-03 10:45:39 +02:00
parent e9e08fec3c
commit 0152271fb8

View File

@ -7,10 +7,7 @@
align-items: stretch;
}
.stagings > li {
/* 4 to 6 stagings displayed, avoid stretching */
flex: 1;
min-width: 16%;
max-width: 25%;
padding: 0.1em;
padding-left: 0.5em;
@ -117,7 +114,8 @@
<t t-if="pending">bg-info</t>
<t t-if="not (success or failure or pending)">bg-gray-lighter</t>
</t>
<t t-set="decorationclass">
<t t-set="decorationclass" >
<t t-if="staging_index >= 2">hidden-xs</t>
<t t-if="staging_index >= 4">visible-lg-block</t>
</t>
<t t-set="title">
@ -125,7 +123,7 @@
<t t-if="staging.state == 'ff_failed'">Fast Forward Failed</t>
<t t-if="staging.state not in ('canceled', 'ff_failed')"><t t-esc="staging.reason"/></t>
</t>
<li t-attf-class="staging {{stateclass}} {{decorationclass}}" t-att-title="title.strip() or None">
<li t-attf-class="staging {{stateclass.strip()}} {{decorationclass.strip()}}" t-att-title="title.strip() or None">
<ul class="list-unstyled">
<li t-foreach="staging.batch_ids" t-as="batch" class="batch">
<t t-esc="batch.prs[:1].label"/>