changeset 656e1266bb17 in www.tryton.org:default
details: https://hg.tryton.org/www.tryton.org?cmd=changeset;node=656e1266bb17
description:
Use col-rows-* to set number of column
Since bootstrap 4.5, the col are in one row per default.
issue9337
diffstat:
templates/service_providers.html | 2 +-
templates/service_providers/layout.html | 2 +-
templates/success_stories.html | 2 +-
templates/supporters.html | 4 ++--
templates/utils.html | 2 +-
5 files changed, 6 insertions(+), 6 deletions(-)
diffs (64 lines):
diff -r 5ae8c13240ac -r 656e1266bb17 templates/service_providers.html
--- a/templates/service_providers.html Thu May 14 16:03:23 2020 +0200
+++ b/templates/service_providers.html Thu May 14 16:52:27 2020 +0200
@@ -19,7 +19,7 @@
<section class="section">
<div class="container">
- <div class="row">
+ <div class="row row-cols-1 row-cols-md-2 row-cols-xl-4">
{% for provider, _ in providers %}
{% set name = provider %}
{% include "service_providers/%s.html" % provider|lower|slugify %}
diff -r 5ae8c13240ac -r 656e1266bb17 templates/service_providers/layout.html
--- a/templates/service_providers/layout.html Thu May 14 16:03:23 2020 +0200
+++ b/templates/service_providers/layout.html Thu May 14 16:52:27 2020 +0200
@@ -1,5 +1,5 @@
<div class="col mb-gutter" id="{{ name | lower | replace(' ', '-') }}">
- <div class="card mx-auto shadow d-flex flex-colum" style="width: 24rem;
height: 100%">
+ <div class="card mx-auto shadow d-flex flex-colum" style="max-width:
24rem; height: 100%">
<a href="{{ website }}" style="height: 240px">
{% if img %}
<noscript class="loading-lazy">
diff -r 5ae8c13240ac -r 656e1266bb17 templates/success_stories.html
--- a/templates/success_stories.html Thu May 14 16:03:23 2020 +0200
+++ b/templates/success_stories.html Thu May 14 16:52:27 2020 +0200
@@ -17,7 +17,7 @@
<section class="section">
<div class="container">
- <div class="row">
+ <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4">
{% for case in cases %}
<div class="col mb-gutter">
{{ case_card(case) }}
diff -r 5ae8c13240ac -r 656e1266bb17 templates/supporters.html
--- a/templates/supporters.html Thu May 14 16:03:23 2020 +0200
+++ b/templates/supporters.html Thu May 14 16:52:27 2020 +0200
@@ -17,12 +17,12 @@
<section class="section">
<div class="container">
- <div class="row">
+ <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4
row-cols-xl-6">
{% for supporter in supporters %}
{% set discuss = discuss_url(supporter) %}
{% set roundup = roundup_url(supporter) %}
<div class="col mb-gutter">
- <div class="card mx-auto shadow" style="width: 200px">
+ <div class="card mx-auto shadow" style="max-width: 200px">
<noscript class="loading-lazy">
<img class="card-img-top" src="{{ supporter['email'] |
gravatar(198) }}" width="198" height="198" alt="" loading="lazy"/>
</noscript>
diff -r 5ae8c13240ac -r 656e1266bb17 templates/utils.html
--- a/templates/utils.html Thu May 14 16:03:23 2020 +0200
+++ b/templates/utils.html Thu May 14 16:52:27 2020 +0200
@@ -38,7 +38,7 @@
{% endmacro %}
{% macro case_card(case, classes='') %}
-<div class="card mx-auto shadow d-flex flex-column {{ classes }}"
style="width: 18rem; height: 100%">
+<div class="card mx-auto shadow d-flex flex-column {{ classes }}"
style="max-width: 18rem; height: 100%">
{% if case.logo %}
<noscript class="loading-lazy">
<img class="card-img-top" src="{{ url_for('static',
filename=case.logo) }}" style="height: 180px" alt="" loading="lazy"/>
