From 99487dd3f146f54594c1baf6691da30dc68f4101 Mon Sep 17 00:00:00 2001 From: Peter Blazejewicz Date: Wed, 25 May 2016 21:27:52 +0200 Subject: [PATCH] Fix display of carousel images on older browsers See: aspnet/Templates#582 Thanks! --- templates/projects/webbasic/wwwroot/css/site.css | 7 +++++++ templates/projects/webbasic/wwwroot/css/site.min.css | 2 +- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/templates/projects/webbasic/wwwroot/css/site.css b/templates/projects/webbasic/wwwroot/css/site.css index 4c983f70..7a68c46e 100755 --- a/templates/projects/webbasic/wwwroot/css/site.css +++ b/templates/projects/webbasic/wwwroot/css/site.css @@ -22,6 +22,13 @@ textarea { font-size: 20px; line-height: 1.4; } + +/* Make .svg files in the carousel display properly in older browsers */ +.carousel-inner .item img[src$=".svg"] +{ + width: 100%; +} + /* Hide/rearrange for smaller screens */ @media screen and (max-width: 767px) { /* Hide captions */ diff --git a/templates/projects/webbasic/wwwroot/css/site.min.css b/templates/projects/webbasic/wwwroot/css/site.min.css index af119157..8c1ea957 100644 --- a/templates/projects/webbasic/wwwroot/css/site.min.css +++ b/templates/projects/webbasic/wwwroot/css/site.min.css @@ -1 +1 @@ -body{padding-top:50px;padding-bottom:20px}.body-content{padding-left:15px;padding-right:15px}input,select,textarea{max-width:280px}.carousel-caption p{font-size:20px;line-height:1.4}@media screen and (max-width:767px){.carousel-caption{display:none}} +body{padding-top:50px;padding-bottom:20px}.body-content{padding-left:15px;padding-right:15px}input,select,textarea{max-width:280px}.carousel-caption p{font-size:20px;line-height:1.4}.carousel-inner .item img[src$=".svg"]{width:100%}@media screen and (max-width:767px){.carousel-caption{display:none}}