Position btn better using 3 grid rows and flexbox
Signed-off-by: HackerNCoder <hackerncoder@encryptionin.space>
This commit is contained in:
parent
6c83f291d8
commit
ad08bdcb4f
|
@ -4665,17 +4665,17 @@ textarea.form-control-lg {
|
|||
.card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 70% 30%;
|
||||
grid-template-rows: auto;
|
||||
grid-template-rows: min-content auto auto;
|
||||
}
|
||||
|
||||
.card-grid-div {
|
||||
grid-column: 1;
|
||||
grid-column: span 2;
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
.card-grid-btn {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
grid-row: 3;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -18,22 +18,24 @@
|
|||
</div>
|
||||
<div class="col-md-8" >
|
||||
<div class="card-body h-100 position-relative card-grid" >
|
||||
<h3 class="card-title {% if project.weblate %}mb-0{% endif %}">{{project.title}}</h3>
|
||||
{% if project.weblate %}<span class="badge bg-success mb-2">{{ _("Translated by the Queerscriptors") }}</span>{% endif %}
|
||||
<div class="card-grid-div">
|
||||
<h3 class="card-title {% if project.weblate %}mb-0{% endif %}">{{project.title}}</h3>
|
||||
{% if project.weblate %}<span class="badge bg-success mb-2">{{ _("Translated by the Queerscriptors") }}</span>{% endif %}
|
||||
{{project.body}}
|
||||
</div>
|
||||
<div class="d-md-inline-block d-grid mb-md-2 card-grid-btn">
|
||||
{% if project.weblate %}
|
||||
<a href="{{project|url}}" class="btn btn-primary btn-sm">{{ _("More") }} <i class="fa fa-angle-right" aria-hidden="true"></i></a>
|
||||
{% else %}
|
||||
<a href="{{project.website}}" class="btn btn-primary btn-sm">{{ _("Download") }} <i class="fa fa-external-link" aria-hidden="true"></i></a>
|
||||
{% endif %}
|
||||
<div class="d-md-flex card-grid-btn justify-content-end">
|
||||
<div class="d-md-inline-block d-grid me-md-2 mb-md-2 align-self-end">
|
||||
{% if project.weblate %}
|
||||
<a href="{{project|url}}" class="btn btn-primary btn-sm">{{ _("More") }} <i class="fa fa-angle-right" aria-hidden="true"></i></a>
|
||||
{% else %}
|
||||
<a href="{{project.website}}" class="btn btn-primary btn-sm">{{ _("Download") }} <i class="fa fa-external-link" aria-hidden="true"></i></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
Loading…
Reference in a new issue