From 42006e7b17e6e33e6673f6d5c58445180ed0610b Mon Sep 17 00:00:00 2001 From: Helmut Granda Date: Wed, 26 Sep 2018 15:59:19 -0500 Subject: [PATCH] Adds a note about the limitations on content being larger than the image. In the event that the content is larger than the image, the content will continue to be displayed outside the image itself. There are some workarounds but they apply only to browsers that support this option and IE11 is not one of them. --- site/_includes/callout-info-content-iamge-overlay-overflow.md | 4 ++++ site/docs/4.1/components/card.md | 1 + 2 files changed, 5 insertions(+) create mode 100644 site/_includes/callout-info-content-iamge-overlay-overflow.md diff --git a/site/_includes/callout-info-content-iamge-overlay-overflow.md b/site/_includes/callout-info-content-iamge-overlay-overflow.md new file mode 100644 index 0000000000..64112ac0bb --- /dev/null +++ b/site/_includes/callout-info-content-iamge-overlay-overflow.md @@ -0,0 +1,4 @@ +{% capture callout %} +Note that content should not be larger than the height of the image. If content is larger than the image the content will be displayed outside the image. +{% endcapture %} +{% include callout.html content=callout type="info" %} \ No newline at end of file diff --git a/site/docs/4.1/components/card.md b/site/docs/4.1/components/card.md index 2eb2c117ae..aade11c8eb 100644 --- a/site/docs/4.1/components/card.md +++ b/site/docs/4.1/components/card.md @@ -391,6 +391,7 @@ Turn an image into a card background and overlay your card's text. Depending on {% endcapture %} {% include example.html content=example %} +{% include callout-info-content-iamge-overlay-overflow.md %} ## Card styles