From 89f5e65cfb24311473bf07bd414cbccf4f8d9596 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 4 Dec 2016 22:05:05 -0800
Subject: [PATCH] drop the fixed width of the indicators. instead use the
carousel-control width as margins to ensure content doesn't overlap
---
scss/_carousel.scss | 10 ++++++----
scss/_variables.scss | 2 --
2 files changed, 6 insertions(+), 6 deletions(-)
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;
--
GitLab