[camel-website] branch main updated: refactor: keep the height fixed in Kamelet catalog

[zregvart]

This is an automated email from the ASF dual-hosted git repository.

zregvart pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/camel-website.git


The following commit(s) were added to refs/heads/main by this push:
     new 7abecec  refactor: keep the height fixed in Kamelet catalog
7abecec is described below

commit 7abecec1dc9fc913b0ae1a16bf04da7aa1b6312a
Author: Zoran Regvart <zregv...@apache.org>
AuthorDate: Tue Apr 13 20:29:53 2021 +0200

    refactor: keep the height fixed in Kamelet catalog
    
    I've noticed that layout for some Kamelets in the catalog breaks through
    the container, so this reverts the fixed confines to the height instead
    of the width. This also has some interesting side-effects (e.g. the
    Minio Kamelet), but overall doesn't look as broken as the fixed width.
---
 antora-ui-camel/src/css/catalog.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/antora-ui-camel/src/css/catalog.css 
b/antora-ui-camel/src/css/catalog.css
index 0c1acd6..b542baf 100644
--- a/antora-ui-camel/src/css/catalog.css
+++ b/antora-ui-camel/src/css/catalog.css
@@ -43,5 +43,7 @@
 }
 
 .catalog .item .image img {
-  width: 4rem;
+  height: 3rem;
+  width: auto;
+  max-width: 60%;
 }