fix update card styling
This commit is contained in:
parent
ef7a6d3b11
commit
0f49a4c85c
1 changed files with 25 additions and 3 deletions
|
|
@ -1,5 +1,18 @@
|
||||||
{% load markup %}
|
{% load markup %}
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.govplan-update .card-body div.tight-margin {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.govplan-update .card-header h3 {
|
||||||
|
min-height: 2.4em;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<!-- Update tiles on start page -->
|
||||||
{% if request.path == '/' %}
|
{% if request.path == '/' %}
|
||||||
|
|
||||||
<div class="py-5 bg-body-tertiary">
|
<div class="py-5 bg-body-tertiary">
|
||||||
|
|
@ -97,6 +110,7 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- Update tiles on single page -->
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
||||||
<div class="py-3" style="margin-top: 1rem; margin-bottom: -2rem;">
|
<div class="py-3" style="margin-top: 1rem; margin-bottom: -2rem;">
|
||||||
|
|
@ -106,7 +120,7 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
|
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3 govplan-update">
|
||||||
{% for update in updates %}
|
{% for update in updates %}
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="card mb-4 rounded-3 shadow-sm">
|
<div class="card mb-4 rounded-3 shadow-sm">
|
||||||
|
|
@ -119,9 +133,17 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if show_context %}
|
{% if show_context %}
|
||||||
<h3 class="h5 mt-0 ellipsis">{{ update.plan }}</h3>
|
<h3 class="h5 mt-0 ellipsis">
|
||||||
|
<span class="title-text">
|
||||||
|
{{ update.plan }}
|
||||||
|
</span>
|
||||||
|
</h3>
|
||||||
{% else %}
|
{% else %}
|
||||||
<h3 class="h4 mt-0 ellipsis">{{ update.title }}</h3>
|
<h3 class="h4 mt-0 ellipsis">
|
||||||
|
<span class="title-text">
|
||||||
|
{{ update.title }}
|
||||||
|
</span>
|
||||||
|
</h3>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<div class="small">
|
<div class="small">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue