From: Mark Otto <markdotto@gmail.com>
Date: Mon, 5 Dec 2016 06:05:05 +0000 (-0800)
Subject: drop the fixed width of the indicators. instead use the carousel-control width as... 
X-Git-Tag: v4.0.0-alpha.6~334^2~7
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=89f5e65cfb24311473bf07bd414cbccf4f8d9596;p=thirdparty%2Fbootstrap.git

drop the fixed width of the indicators. instead use the carousel-control width as margins to ensure content doesn't overlap
---

diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index f1277dabec..31d0b68402 100644
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -116,12 +116,14 @@
 
 .carousel-indicators {
   position: absolute;
+  right: 0;
   bottom: 10px;
-  left: 50%;
+  left: 0;
   z-index: 15;
-  width: $carousel-indicators-width;
-  padding-left: 0;
-  margin-left: -($carousel-indicators-width / 2);
+  // Use the .carousel-control's width as margin so we don't overlay those
+  margin-right: $carousel-control-width;
+  margin-left: $carousel-control-width;
+  padding-left: 0; // override <ul> default
   text-align: center;
   list-style: none;
 
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 43cb981445..6ce7d723a9 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -886,8 +886,6 @@ $carousel-control-color:                      #fff !default;
 $carousel-control-width:                      15% !default;
 $carousel-control-opacity:                    .5 !default;
 
-$carousel-indicators-width:                   60% !default;
-
 $carousel-indicator-width:                    30px !default;
 $carousel-indicator-height:                   3px !default;
 $carousel-indicator-active-bg:                #fff !default;