[tryton-commits] changeset in www.tryton.org:default Align bottom of cards

[Cédric Krier]

changeset 542f1b9018fc in www.tryton.org:default
details: https://hg.tryton.org/www.tryton.org?cmd=changeset;node=542f1b9018fc
description:
        Align bottom of cards
diffstat:

 templates/service_providers/layout.html |  4 ++--
 templates/success_stories.html          |  6 ++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diffs (41 lines):

diff -r f91ab1e4dbf4 -r 542f1b9018fc templates/service_providers/layout.html
--- a/templates/service_providers/layout.html   Thu Jul 18 11:38:25 2019 +0200
+++ b/templates/service_providers/layout.html   Thu Jul 18 22:33:29 2019 +0200
@@ -1,5 +1,5 @@
 <div class="col mb-gutter" id="{{ name | lower | replace(' ', '-') }}">
-    <div class="card mx-auto shadow" style="width: 24rem">
+    <div class="card mx-auto shadow d-flex flex-colum" style="width: 24rem; 
height: 100%">
         <a href="{{ website }}" style="height: 240px">
             {% if img %}
             <img class="card-img-top text-center d-block" src="{{ img }}" 
alt="{{ name }}"/>
@@ -7,7 +7,7 @@
         </a>
         <div class="card-body">
             <h2 class="h5 card-title">{{ name }}</h2>
-            <p class="card-text" style="height: 200px; overflow-y: auto;">
+            <p class="card-text" style="max-height: 200px; overflow-y: auto;">
             {% block description %}{% endblock %}
             </p>
             {% if website %}
diff -r f91ab1e4dbf4 -r 542f1b9018fc templates/success_stories.html
--- a/templates/success_stories.html    Thu Jul 18 11:38:25 2019 +0200
+++ b/templates/success_stories.html    Thu Jul 18 22:33:29 2019 +0200
@@ -20,14 +20,16 @@
         <div class="row">
         {% for case in cases %}
         <div class="col mb-gutter">
-            <div class="card mx-auto shadow" style="width: 18rem">
+            <div class="card mx-auto shadow d-flex flex-column" style="width: 
18rem; height: 100%">
                 {% if case.logo %}
                 <img class="card-img-top" src="{{ url_for('static', 
filename=case.logo) }}" style="height: 180px" alt=""/>
                 {% endif %}
                 <div class="card-body">
                     <h2 class="h5 card-title">{{ case.title }}</h2>
                     <p class="card-text">{{ case.description }}</p>
-                    <a href="{{ case.url }}" class="btn btn-primary {{ 
'disabled' if not case.url else '' }}" {% if not case.url 
%}aria-disabled="true"{% endif %}>More<span class="sr-only">on {{ case.title 
}}</span></a>
+                </div>
+                <div class="card-footer text-center">
+                    <a href="{{ case.url }}" class="btn btn-primary btn-block 
{{ 'disabled' if not case.url else '' }}" {% if not case.url 
%}aria-disabled="true"{% endif %}>More<span class="sr-only">on {{ case.title 
}}</span></a>
                 </div>
             </div>
         </div>